526互联

element el-select value-key 的bug

发布时间 2024-01-11 15:15:27作者: 一文搞懂

 

 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  框架里面的 value-key 应该是写死了，必须包含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>