vue key有个坑

在vue2.x 中,我们经常使用key来提高组件性能,给了 input 或者 在 v-for 中 给子组件/元素一个 key 来加速diff渲染,这也是官方推荐的做法。不过 key 的赋值还真的不能马虎。

案例1. 无key的情况,切换 input 无法自动清空

在 input 不加 key 的时候,切换这两个 input 标签,input 框框里的值不会变

案例2. key相同tag标签,多次出现在同一个页面

这个bug很少见,但见了后会很头疼。通常我们使用key 偷懒的情况使用index来做key,

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×