4.7

96 阅读1分钟

删除,在element组件中找到对应代码

< el-table-column fixed="right" label="操作" width="100">

< template slot-scope="scope" >

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

然后在methods中

async del(row){
  try{
    let {data:{meta:{msg,status}}}=  await usersDelete('users/'+row.id)
    console.log(row);
    if(status==200){
      this.$message.success(msg)
      /* 删除成功之后需要刷新列表 */
      this.getTableData()

    }else{
      this.$message.error(msg)
    }

  }catch(err){
    this.$message.error(err)
  }
  

路径的获取已经在上次封装过了,所以这次只需要在request.js文件中添加删除用户的即可

export const usersDelete = (path="")=>httpServe({path,method:'delete'})