【转载】el-select默认值设置

转自：https://www.lebang2020.cn/details/2102262gqihrnn.html

<el-select v-model="defaultvalue" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>

以及数据结构如下：

export default {
    data() {
      return {
        options: [{
          value: '1',
          label: '选项1'
        }, {
          value: '2',
          label: '选项2'
        }, {
          value: '3',
          label: '选项3'
        }],
        defaultvalue: '2'
      }
    }
  }

设置固定选项和值就分别使用上述数据字段options 和defaultvalue，这才是正常的做法，切不能写成如下样子：

<el-select v-model="value" placeholder="请选择">
   <el-option label="选项1"  value="1"></el-option>
 <el-option label="选项2"  value="2"></el-option>
 <el-option label="选项3"  value="3"></el-option>
</el-select>

即使Option项和value项是固定的也不能直接写，也必须定义到数据结构当中，然后再绑定到界面。