欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-31 15:36:57
...
<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的数据类型保持一致。