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();
      }
    });
},