vue2 绑定数组,变化无法更新view的解决方法

vue绑定数组,更新数组的内容时,view没有更新,多数是因为直接给数组內的数据赋值了,

如:this.student[i].name = "Jack Fung";

这样做vue是不会触发视图更新的。根据vue的官方文档说明:

方法一

Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:

push()、pop()、shift()、unshift()、splice()、sort()、reverse()

方法二

this.$forceUpdate(); //修改后强制刷新

方法三

this.$set(this.student,0,data)

Vue.set(this.student,0,{name:"Jack Fung"}); //$set可以触发更新视图

posted @ 2022-08-15 10:38  奶包迷了鹿  阅读(524)  评论(0编辑  收藏  举报