用户操作删除用户

最新推荐文章于 2024-07-12 15:14:43 发布

DD小兄弟

最新推荐文章于 2024-07-12 15:14:43 发布

阅读量79

点赞数

分类专栏：用户管理文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/qq_64757356/article/details/127321662

版权

用户管理专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.新增接口

新增一个deleteUser接口方法

deleteUser(params) {
        return request ({
            url: '/user/delete',
            method: 'get',
            //这个mock如果是true的话  用的就是线上fastmock的数据
            mock: false,
            data: params
        })
    },

拦截获取本地数据

Mock.mock(/user\/delete/,'get',userApi.deleteUser)

2.增加一个删除的点击事件

<el-button type="danger" size="small"  @click="handleDelete(scope.row)">删除</el-button>

3.定义handleDelete

    // 删除用户
    const handleDelete = (row) => {
      // 判断
      ElMessageBox.confirm('你确定删除吗?')
        .then( async () => {
          await proxy.$api.deleteUser({//调用动态接口
            id: row.id,//将id传到后端
          });
          ElMessage({
            showClose: true,
            message: "删除成功",
            type: "success",
          });
          getUserData(config);
        })
        .catch(() => {
          // catch error
        });
    };