Vue中的select默认选中绑定条件

场景，我们要选择一个区域，0%到100%的一个区域，我们用了两个select来选择起始位和终止位，定义了一组数，0-10，直接上代码

数据：

let app = new Vue({
            el:"#app",
            data:{
                datarange:[0,10,20,30,40,50,60,70,80,90,100]
            },

界面

<div class="range-select" >
    <span>数据显示区域</span>
    <span class="select-box" style="width:80px;">
        <select name="data-show-from" id="" class="select" size="1"   > 
            <option v-for="(item,index) in datarange" :key="index" :value="item" >{{item}}%</option>
        </select>
    </span>

    <span> 至 </span>
    <span class="select-box" style="width:80px;">
        <select name="data-show-to" id="" class="select" size="1"   > 
            <option v-for="(item,index) in datarange" :key="index" :value="item" :selected="index==10" >{{item}}%</option>
        </select>
    </span>

</div>

核心代码

:selected="index==10"