灵心如玉,守一生无惧|

SadicZhou

园龄:3年2个月粉丝:7关注:4

记录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 中国大陆许可协议进行许可。

posted @   SadicZhou  阅读(593)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 尚好的青春 孙燕姿
  2. 2 孙燕姿
  3. 3 克卜勒 孙燕姿
- 孙燕姿
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.