elementui select组件,多选时默认值的设置

<el-select v-model="value1" multiple placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
<script>
  export default {
    data() {
      return {
        options: [{
          value: 1,
          label: '黄金糕'
        }, {
          value: 2,
          label: '双皮奶'
        }, {
          value: 3,
          label: '蚵仔煎'
        }, {
          value: 4,
          label: '龙须面'
        }, {
          value: 5,
          label: '北京烤鸭'
        }],
        value1: []
      }
    }
  }
</script>

 需注意,绑定的value1的数组元素值为数值型,组件会默认显示对应的label值,如果元素值为字符型,则会在select组件中直接显示元素值;如果options数组中value为字符型的,数组value1的元素也应为字符型,

即value1的数组元素类型要与options数组中value的数据类型保持一致。


版权声明:本文为qq_36611673原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。