如何给el-select赋默认值
如下图所示: 比如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>
