526互联

记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题

发布时间 2023-03-22 21:15:54作者: ZihangChu

最近在用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所有一直有问题，完美解决