vue项目中v-if语句页面无变化用手动刷新this.$forceUpdate()及赋值this.$set()用法

最近做项目中发现v-if条件句没有起作用，后来查找资料是数据层次太多，导致render函数没有自动刷新，所以需要手动刷新。可以用

this.$forceUpdate();

还有给对象或数组赋值可以用vue中的 $set  

调用方法：this.$set( target, key, value )

🌹 target：要更改的数据源(可以是对象或者数组)

🌹 key：要更改的具体数据

🌹 value ：重新赋的值

代码如下：
searchState() {
  let arr = [];
  this.tableData.forEach((item, ind) => {
    if (!item["haveJudje"]) {
      let param = {
        matnr: item["matnr"] || "",
        werks: item["werks"] || "",
        lgort: item["lgort"] || "",
      };
      arr.push(param);
    }
  });
  this.$ajax
    .post(this.$interfaces.getisQualityCheckState, arr)
    .then((data) => {
      let obj = data.data.data;
      if (data.data.code == 200) {
        let obj = data.data.data;
        this.tableData.forEach((item, ind) => {
          let strP = item.matnr + "&" + item.werks;
          //添加标识已判断过的-质检 haveJudje
          if (!item["haveJudje"]) {
            //是否可以调用下拉框
            let objItem = obj[strP];
            if (objItem["isCheck"]) {
              this.$set(this.tableData[ind], "isQualityCheck", "Y");
            } else {
              this.$set(this.tableData[ind], "isQualityCheck", "N");
              item["isQualityCheck"] = "N";
            }
            item["haveJudje"] = "1"; //添加标识-表示已经查询过的数据
            this.$set(
              this.tableData[ind],
              "isCanModify",
              objItem["isCanModify"]
            );
          }
        });
        this.$forceUpdate();
      }
    });
},