记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了,一开始以为时v-for的key重复了,后来发现不是。
又以为时v-model绑定的数据不是响应式的,发现也不是。
查询Element UI 官方文档得到解决方案
<el-form :model="form2" ref="form2" size="small" :inline="true">
<el-form-item label="选择物理量:">
<el-select v-model="queryParams.diIds" @change="changeBxPoint" value-key="displayName">
<el-option v-for="item in pointList" :key="item.displayName" :label="item.displayName" :value="item" />
</el-select>
</el-form-item>
之前没有设置value-key所有一直有问题,完美解决

本文作者:ZihangChu
本文链接:https://www.cnblogs.com/SadicZhou/p/17244733.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步