如下图所示:
比如select下拉框中的数据是动态返回的,如何赋默认的值。
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
data() {
return {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '选项1',
注:
1.必须先给options赋值,再给绑定的value赋值才行,即:
this.options=“后台返回的值”
this.value=“想要赋的值”
2.value-key作为 value 唯一标识的键名,绑定值为对象类型时必填。如:
<el-select v-model="value" placeholder="请选择" value-key="value">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item">
</el-option>
</el-select>