记录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所有一直有问题,完美解决