18910140161

一个组件中,同一个数组多次进行v-for渲染,会报key重复的错误

顺晟科技

2022-09-03 12:48:25

155


顺晟科技:

vue diff逻辑中,在手动打key后会优先根据key去diff,他属于同一层级,在diff .bod-container 的子集的时候,你手动去设置了相同的key,因此会报错。简单说就是 li div li div li 这几个dom 属于diff 同一级,diff的时候是他们几个相互比较,

具体diff 逻辑可参考 :Vue2 Diff算法深入解读_ioth5的博客-CSDN博客_vue2diff算法v-for:列表渲染 — Vue.js

楼上说的没错,我建议给循环外用 <ul></ul> 包一下即可。

你写的代码实际和下面相同

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航