当前位置: 首页 > Web前端 > vue.js

Vue使用v-for显示列表时,更新数组中的item数据,不会同步更新视图中的列表,解决方法

时间:2023-03-31 18:46:57 vue.js

使用索引直接更新数组中的item时,发现页面不会同步更新。问题出在vue.js上。监听数据更新时,如果判断是否为数组类型,则不处理其属性的变化,只处理数组中元素的变化。vue无法检测数组元素的直接赋值,只能检测Push、pop等元素入栈出栈,所以在更新数组元素时,可以使用splice代替this.arr.splice(index,号码,新)