码迷,mamicode.com
首页 > 其他好文 > 详细

204、vue之v-for的“就地复用”和“key使用”

时间:2020-05-17 01:34:05      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:key   color   组件   数组   输入   拖动   失效   修改   变化   

v-for的“就地复用”:一个数组有5项,删除第2项,这时vue修改数组长度为4,同时把原来5项数组的前4项渲染出来,所以实际显示的效果是删除了第5项。拖动元素的行为无效。只适用于不依赖子组件或者不依赖临时DOM状态(例如:表单输入值)的列表渲染输出。
v-for的“key使用”:“就地复用”失效,基于key的变化重新排列列表元素顺序,并且会移除key不存在的元素。拖动元素的行为有效。

 

204、vue之v-for的“就地复用”和“key使用”

标签:key   color   组件   数组   输入   拖动   失效   修改   变化   

原文地址:https://www.cnblogs.com/gushixianqiancheng/p/12902969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!