vue中报错 Duplicate keys detected: 'xxx'. This may cause an update error.
小编在使用vue-element-admin的时候出现报错的情况, Duplicate keys detected: ‘xxx’. This may cause an update error.,这是我在使用element 表格功能的时候,可知其信息是key重复了,这可能会导致一些更新上的错误。果不其然,我在父子组件传值的时候,出现了问题,修复这个bug就好了。<el-optionv-...
·
小编在使用vue-element-admin的时候出现报错的情况, Duplicate keys detected: ‘xxx’. This may cause an update error.,这是我在使用element 表格功能的时候,可知其信息是key重复了,这可能会导致一些更新上的错误。果不其然,我在父子组件传值的时候,出现了问题,修复这个bug就好了。
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
上面的这个key绑定的是value的值,但是value是有重复的,我们把key换成id值就解决了。
<el-option
v-for="item in options"
:key="item.id"
:label="item.label"
:value="item.value"
></el-option>
注意在data中定义的options的id值是不能重复的,换成上面的代码就可以了,下面我将继续分享一个echarts图表刷新:vue中传递数据给子组件,并且监听子组件中数据的变化,实现刷新图表的功能的实践案例。
更多推荐
已为社区贡献10条内容
所有评论(0)