实现ele删除用户操作

157 阅读1分钟

在用户列表展示的最右边添加删除按钮

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

image.png

在封装接口页面添加删除接口

// 创建axios实例化对象

    baseURL: "https://xxxxx.top:8888/api/private/v1/",
    timeout: 3000,
})

// 请求拦截器

instance.interceptors.request.use(
    config => {
        // 每次发送请求之前判断是否存在token
        // 如果存在,则统一在http请求的header都加上token
        // 这样后台根据token判断你的登录情况,此处token一般是用户完成登录后储存到localstorage里的
        localStorage.token && (config.headers.Authorization = localStorage.token)
        return config
    },
    error => {
        return Promise.error(error)
    })

// 导出httpServe请求方法

    return new Promise((resolve, reject) => {
        instance({
            method,
            url: path,
            params,
            data
        }).then(res => {
            resolve(res)
        }).catch(err => {
            reject(err)
        })
    })
}

image.png

image.png