Vue列表渲染v-for中index作为key的问题

本文转载自查看原文 2021-10-21 13:10 919 vue

如下图：

若用Index作为key，当数据更新时，虚拟DOM重新进行对比(diff):

首先,key为0时，文本节点出现不一致,所以要生成一个新的真实DOM

其次，对比input节点，因为虚拟DOM没有value属性，所以input节点是一样的，直接复用

以此类推，就会出现节点错位问题

且因为Key的变化，导致所有的文本节点都要重新渲染

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue的v-for循环渲染列表时，解决没有:key警告问题（:key的作用） vue入门：（v-for指令与列表渲染） vue 列表渲染 v-for循环 Vue学习-vue中v-for为何要加key？index为何不推荐作为key 列表渲染v-for Vue2.0中v-for迭代语法变化（key、index）【转】 vue中限制v-for渲染的数量 vue中v-for索引不要用key vue中v-for指令：key的作用 VUE中v-for为什么要加key