[Vue] for循环遍历动态改变的数组,不要轻易使用index作为key值

前几天遇到个bug:使用iView组件的Checkbox时,根据选择的分类动态渲染的多选框,在切换分类时会误选

 

 

 起初还以为是因为这个组件不支持动态渲染,最后在大佬提醒下发现,这个遍历的Checkbox的key值用的是index,才导致没有渲染好。

基础知识不够好,导致这次发现得太慢,Vue的key值主要作用是作为“唯一标识”,提高虚拟DOM的效率。是是Vue基于diff算法实现的。

 

posted @ 2020-08-06 19:55  re-saika  阅读(1387)  评论(0编辑  收藏  举报