element ui组件select下拉框无论选择哪个都变成最后一个

l1002670137

已于 2023-02-14 17:57:08 修改

阅读量2.2k

点赞数 2

文章标签： vue.js elementui 前端

于 2023-02-08 16:43:09 首次发布

本文链接：https://blog.csdn.net/l1002670137/article/details/128938384

版权

常规使用select组件时value通常绑定的是一个id，但是若需要绑定一个对象，取对象中的多个值的时候，就会出现一个bug，无论点下拉框的哪个选项，都变成最后一个，无法更改

可以通过value-key="id"属性来补齐缺陷，注意。文档中没写，value-key绑定的数据必须是v-model绑定的对象的元素（或者说是：value收集的对象的元素）

该属性作为 value 唯一标识的键名，绑定值为对象类型时必填，内容如下

<el-select v-model="productionClassId" value-key="id" @change="deptChangeVal" style="width:200px" placeholder="请选择">
     <el-option
     v-for="item in optionsDept"
     :key="item.id"
     :label="item.title"
     :value="item">
     </el-option>
</el-select>

之后就可以正常使用啦~！