前几天写代码一不留神，v-for之后key没绑，直接导致我加了两个小时的班。。。debugger的时候发现数据都是对的，页面显示确牛头不对马嘴，十分苦恼，后来才排查到是key的问题
尤大在v-for的时候是根据key值的变化，来判断页面是否需要被重新渲染的（key默认绑定index），在最常见的删除增加操作都可能会出现数据改变但key没变，从而导致页面渲染达不到期望的结果
key值与DOM树上的节点是一一对应的，如果key值不变，DOM不会重新渲染，所以v-for之后一定一定要绑key而且还得是唯一值
前几天写代码一不留神，v-for之后key没绑，直接导致我加了两个小时的班。。。debugger的时候发现数据都是...
vue踩过的坑
Vue 起步 Vue V-for循环 （一） Vue V-for 循环（二) Vue v-for表格
踩坑笔记：组合式 API之Setup(props,context)—Vue2.x到Vue3注意[https://w...
踩坑记录：项目中我使用v-for循环，key值绑定了index，一般情况下是没有啥问题，但我的需求是，v-for绑...
在上一篇中说了一下踩过的前三个坑，剩下的坑就在这篇中全部搞定吧。Vue踩坑实录（一） Vue-cli .js?.V...
vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081 1：cd...
今日又踩坑.... [Vue warn]: Method "handleRemove" has already b...
HTML: CSS: JS: 1.参数index需写在item后面 2.作为事件参数时不用加$符,即用$index...
set 修改引用类型失败
本文标题：Vue之v-for踩的坑
本文链接：https://www.haomeiwen.com/subject/ourndltx.html
网友评论