日常开发记录-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>

 效果展示:

 

posted on 2022-07-25 13:48  法老的微笑  阅读(279)  评论(0)    收藏  举报