其他分享
首页 > 其他分享> > 日常开发记录-elementUI select 选择器没有设置多选属性,但是初始值多选了--原因:value值为null,或者值相同

日常开发记录-elementUI select 选择器没有设置多选属性,但是初始值多选了--原因:value值为null,或者值相同

作者:互联网

错误代码演示:

<template>
  <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>
</template>

<script>
export default {
  data () {
    return {
      options: [{
        value: null,
        label: '黄金糕'
      }, {
        value: null,
        label: '双皮奶'
      }, {
        value: null,
        label: '蚵仔煎'
      }, {
        value: 3,
        label: '龙须面'
      }, {
        value: 4,
        label: '北京烤鸭'
      }],
      value: null
    }
  }
}
</script>

 效果展示:

 

标签:双皮奶,多选,错误代码,初始值,value,label,null,选择器
来源: https://www.cnblogs.com/huguo/p/16516849.html