vue2中数组和对象更改后视图不刷新解决办法

vue2中，改变集合或数据某值时有时候并不会自动更新到视图上去，解决办法 

 

1、官方推荐

例如：

projectList数组，show值点击一次改变一次方向

 <td v-on:click="alertSub(index)"><a href="javascript:;">{{item.}}</a></td>

   alertSub(index) {
                this.projectList[index].show= !this.projectList[index].show;
                this.$set(this.projectList, index, this.projectList[index]);
            },

 

2、使用splice

 getSubpackage(index) {
      this.projectList[index].show= !this.projectList[index].show;
      this.projectList.splice(index, 1, this.projectList[index]);
        
     },

 

3、强制刷新数据

this.$forceUpdate();