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可以触发更新视图