element-ui 根据id删除用户

利用 MessageBox 弹框 组件

	<el-table-column prop="address" label="操作" width="300px">
          <template slot-scope="scope">
            <el-button type="danger" size="mini" icon="el-icon-delete" @click="removeUserById(scope.row.id)">删除el-button>
          template>
    el-table-column>

	//根据id删除用户
    async removeUserById(id){
        // console.log(id);
        const confirmResult = await this.$confirm('此操作将永久删除该角色, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).catch(err => err)
        
        // console.log(confirmResult);
        // 确认删除则返回字符串 confirm
        // 取消返回 cancel

        if(confirmResult !== 'confirm') {
            return this.$message.info('已取消删除')
        }

        const {data:res} = await this.$http.delete('roles/' + id)
        if(res.meta.status !== 200){
            return this.$message.error('删除用户失败')
        }
        this.$message.success('删除用户成功')
        // 刷新列表
        this.getRolesList()
    }