展示效果:默认选中全部
代码部分:
/*
这里 lessions是一个对象
console.dir打印如下:
Object
0: "全部"
1: "PF3"
2: "PF4"
3: "PF5"
4: "PF6"
5: "PF7"
6: "PF8"
7: "PF9"
1001: "PF2"
1002: "PF1"
*/
<el-select v-model="lessionsLevel">
<el-option v-for="(value, key, index) in lessions" :key="index" :label="value" :value="key" />
</el-select>
解释:
1、首先这里的lessions 是一个对象结构
2、v-model的值为当前被选中的el-option的 value 属性值(会随着当前被选中的el-value值的变化而变化)
3、el-option的 label 属性值 用来展示
4、el-option的 value 属性值 一般用来作为传递给服务端的参数
设置lessionsLevel等于哪个options的value值,就会选中哪个options
注意:这里options的value值是String类型 而不是 Number
所以默认选中全部:在页面初始化之前设置this.lessionsLevel = '0'