记录一个问题,在做项目的时候,有一个页面比较复杂,嵌套了多层v-for循环,当我给某个item遍历增加一个属性的时候,值是可以获取到的,但页面并没有更新
原因: 因为数据层次太多,render函数没有自动更新,需手动强制刷新。
解决方法一: 添加 this.$forceUpdate(); 可以强制更新视图和数据,并且会触发updated生命周期。
解决方法二: 添加新属性的时候不使用遍历,而是使用 $set 方法,这样vue就可以知道发生了变化。this. $set(this.list[index], ‘sex’, ‘男’)