在vue项目中,我们会经常使用到v-for来渲染数据。
v-for简单的来说就将数据循环遍历的渲染在页面上,当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用 “就地复用” 策略。如果数据项的顺序被改变,Vue将不是移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。
也就是说,如果你有一个从一到十的单选项,你通过v-for渲染到页面上,最开始你的checkbox是一,但是当你删除一之后,你的checkbox并不会消失,而是变成了此时在第一位的选项二,所以,但你的表单需要跟用户进行交互时,最好是给v-for加一个:key属性,作用是为每一个元素添加一个唯一的标识,key属性的值必须是唯一的,你可以选择每个元素的索引作为key的值.如果需要更深入的了解key属性,请点击此链接
v-for中key的作用
最新推荐文章于 2024-05-30 07:23:43 发布