如何给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>
经验分享 程序员 微信小程序 职场和发展