笔记
不能被吃掉的蚂蚁
这个作者很懒,什么都没留下…
展开
-
vue中v-for中: key的作用
在使用vue列表渲染v-for时,我们最好在后面加上: key,它的作用是当v-for所绑定的数据发声变化时只重新渲染变化的项,而不是重新渲染整个列表,这除了可以节约资源以外更重要的是可以避免一些bug,比如使用列表渲染生成的一个多选项,我们勾选了其中的第一项,勾选后我们在向数据的开头加入一个数据,如果我们没有使用key的话,就会发现勾选的变成我们新加的项,而之前的第一项变成了第二项,且没有被勾选。加了key之后就可以避免这个现象, key的值只要是一个唯一的数据就可以,一般情况我们使用列表渲染中的inde原创 2021-01-07 22:24:26 · 4589 阅读 · 3 评论 -
vue中v-if优先级大于v-for
vue中v-if优先级大于v-for因此在v-if中不可出现v-for中定义的属性,否则会出现报错,提示属性被使用但未定义。例如:下文代码会报错: Property “key” was accessed during render but is not at <div v-for="(value,key,index) in obj" v-if=" key!=123" : key=index>{{value}}:{{key}}:{{index}}</div>修正后的代码如下原创 2021-01-07 22:13:16 · 1213 阅读 · 0 评论 -
vue中 可以触发重新渲染的方法
变更方法(改变原数组)push pop shift unshift splice sort reverse替换数组(返回新数组)filter concat slicevue2不支持vue3支持的this. data[0]=123;//在vue3中会重新渲染对象中新增一个属性this. obj.name=‘MySQL’;//在vue3中会重新渲染...原创 2021-01-07 21:49:50 · 1410 阅读 · 0 评论