element el-select value-key 的bug

 

 bug复现:

     <el-select v-model="form.test" style="width:240px;" clearable  multiple  value-key="value">
          <el-option v-for="item in [{name: 'A公司', value: 0}, {name:'B公司' ,  value: 1 }, {name:'C公司' ,  value: 2 }]" :key="item.value" :label="item.name" :value="item" />
     </el-select>

原因:element-plus  框架里面的 tag 对应的字段应该是写死了,必须包含label属性才行

解决办法:选项里面包含label属性

        <el-select v-model="form.test" style="width:240px;" clearable  multiple  value-key="value">
          <el-option v-for="item in [{label: 'A公司', value: 0}, {label:'B公司' ,  value: 1 }, {label:'C公司' ,  value: 2 }]" :key="item.value" :label="item.label" :value="item" />
        </el-select>

 

posted @ 2024-01-11 15:11  一文搞懂  阅读(331)  评论(0编辑  收藏  举报