如何给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>