小编在使用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中传递数据给子组件,并且监听子组件中数据的变化,实现刷新图表的功能的实践案例。

Logo

前往低代码交流专区

更多推荐