vue 点击标题 请求数据

Question

1. 点击标题
2. 出现弹窗
3. 调取接口(接口中的入参是点击标题时获取到的)
4. 当循环获取的数据时: 页面中报了一个错误

代码:

// 编辑任务
handleEdit(row) {
  // TODO: 调取任务详情接口
  this.editTasks.drawer = true;
  const params = {
    loginName: this.loginName,
    taskId: row.taskId,
  };
  this.$api.Task.taskDetail(params, (res) => {
    console.log(res);
    this.editTasks.taskData = res.task || {};
  });
},

请问大家知道怎么解决吗?
我知道报错说的是item 没有定义,我需要获取到每条数据的id,只有在点击的时候调接口才是合理的吧

Answer 1

this.editTasks.drawer = true;

drawer 用来做 v-if 显示组件？把上面这句话也放入 ajax 里面。

这样就不会出现异步，导致组件显示的时候ajax没有返回数据。

Answer 2

谢谢大家的回复,最后发现是自己的粗心所导致的,也怪我上边没有附上全的代码,列表用的是table,点击标题,调取传入任务id,返回的是一个json,点击的这个任务返回的是这个任务下所有的详细信息,也就是: 点击A,获取A里边的详情,由于只是一个{key: val,a: b},所以不需要有循环,直接赋值就好了