删除用户后重新获取列表数据,列表数据显示为空
删除用户后重新获取列表数据,列表数据显示为空
async deleteUserById(id) {
this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
//点击确认
const {data :res } = await this.$http.delete("users/"+id)
console.log(res);
if(res.meta.status!==200){return this.$message.error("删除用户失败")}
this.getUserList() // 刷新用户导致列表数据显示为空
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
//点击取消
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
promise问题
解决方案:
async deleteUserById(id) {
const confirmRes = await this.$confirm(
"此操作将永久删除该用户, 是否继续?",
"提示",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
).catch((err) => err);
//点击取消
if (confirmRes !== "confirm") {
return this.$message.info("已取消删除");
}
//点击确认
const { data: res } = await this.$http.delete("users/" + id);
if (res.meta.status !== 200) {
return this.$message.error("删除用户失败");
}
this.getUserList();
this.$message.success("删除用户成功");
},