Question

所以我通过我的组件获取数据，比如 listUsers(props.page);

这是我可组合中的函数

  const listUsers = async (payload) => {
    const result = await UserService.get(2, payload);
    data.userList = result.data.users;
    data.totalPages = result.data.total_pages
  }

这是我的删除功能

  const deleteUser = async (id) => {
    try {
      await UserService.delete(id);
      data.confirmation = !data.confirmation;

    } catch (err) {
      data.confirmation = !data.confirmation;
      throw err;
    }
  }

在 listUsers 中成功等待后如何使用 deleteUser 函数？我想在删除用户后刷新组件中的列表。

我不能直接使用 listUsers 函数，因为它要求我提供有效负载，而有效负载是来自组件的 props.page..

Answer 1

尝试从用户数组中删除用户：

const deleteUser = async (id) => {
  try {
    await UserService.delete(id);
    data.confirmation = !data.confirmation;
    data.userList = data.userList.filter(user => user.id !== id);
    // use the correct property name in your data-----^
  } catch (err) {
    data.confirmation = !data.confirmation;
    throw err;
  }
}

您必须使用用户数和用户页面页面重新计算 data.totalPages。

删除操作后如何刷新列表？

1 个答案: