前端访问接口时间问题与父传子变量之间的比较

Question

在一个子组件里面，我需要做一个判断就是在我通过获取到接口返回后的数据后，来对父组件传递下来的值进行比较，来获取我需要的值，但是接口返回的数据时间有快又慢，这就会导致数据有时有，有时候没有，那么这种情况我该如何做呢；（taskJournal主要参数）

父组件传值给子组件

 <constructionLog
        :showDetails="false"
        :commonVariable="true"
        :taskJournal="taskJournal"
      />

子组件进行监听判断获取需要的数据

watch: {
    taskJournal: function (val) {
      if (val) {
        let tableData = [...this.tableData];
        val.map((item) => {
          tableData.map((item1) => {
            if (item.id === item1.id) {
              return Object.assign(item, item1);
            }
          });
        });
        this.tableData = val;
      }
    },
  },

接口返回的值

 //获取列表
    async getData() {
      let params = {
        page: this.page,
        size: this.rows,
        pId: localStorage.getItem("pId"),
      };
      if (this.searchForm.taskName) {
        params.taskName = this.searchForm.taskName;
      }
      let data = await taskJournalFindAll(params);
      let datainfo = data.data;
      this.tableData = datainfo.tableList;
      console.log("this.tableData",this.tableData);
      this.total = datainfo.tableTotal;
    },

Answer 1

加个深度监听就好了