vue 中data数据改变页面没有刷新

1.问题

bug情况：点击事件 循环数组改变属性的值用来展示或不展示，打印的值是更改了的，但是页面也渲染还是false。

  addClauseFun(id) {
      for (var i = 0; i < this.lawListArr.length; i++) {
        if (this.lawListArr[i].id === id) {
          this.lawListArr[i].isAdd = true
        }
        console.log(this.lawListArr[i].isAdd)//此时为true,页面为false
      }
   },

2.解决

代码如下（示例）：

  addClauseFun(id) {
      for (var i = 0; i < this.lawListArr.length; i++) {
        if (this.lawListArr[i].id === id) {
          this.lawListArr[i].isAdd = true
        }
        this.$forceUpdate()//this.forceUpdate() 可以完美解决
      }
    },

原文🔗：https://blog.csdn.net/weixin_41628411/article/details/90206333
自己在写一遍是因为记得更牢，毕竟好记性不如烂笔头。