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

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/125039608