在一个子组件里面,我需要做一个判断就是在我通过获取到接口返回后的数据后,来对父组件传递下来的值进行比较,来获取我需要的值,但是接口返回的数据时间有快又慢,这就会导致数据有时有,有时候没有,那么这种情况我该如何做呢;(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;
},