删除用户后重新获取列表数据,列表数据显示为空

删除用户后重新获取列表数据,列表数据显示为空

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("删除用户成功");      
},
posted @ 2021-02-22 23:01  Janie_long  阅读(119)  评论(0)    收藏  举报