elementui select组件,多选时默认值的设置
程序员文章站
2022-05-31 15:36:57
...
<el-select v-model="value1" multiple placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<script>
export default {
data() {
return {
options: [{
value: 1,
label: '黄金糕'
}, {
value: 2,
label: '双皮奶'
}, {
value: 3,
label: '蚵仔煎'
}, {
value: 4,
label: '龙须面'
}, {
value: 5,
label: '北京烤鸭'
}],
value1: []
}
}
}
</script>
需注意,绑定的value1的数组元素值为数值型,组件会默认显示对应的label值,如果元素值为字符型,则会在select组件中直接显示元素值;如果options数组中value为字符型的,数组value1的元素也应为字符型,
即value1的数组元素类型要与options数组中value的数据类型保持一致。