MessageBox弹框写删除功能

//使用作用域插槽获取表格
<template slot-scope="scope">
	<!-- 删除角色 -->
		<el-button @click="delUser(scope.row.id)" >删除</el-button>	//要传参
</template>
//MessageBox弹框
methods:{
	 async delUser(id) {
        let result = await this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).catch(err=>err)	//捕获错误
        console.log(result) // 值:true/false
        
        if(!result) return this.$message.info('取消删除')
        const {data:res} = await this.$http.delete('users/'+id)
        if(res.meta.status!==200) return this.$message.error("删除失败")
        this.$message.success("删除成功")
        this.getUserList()
}

你可能感兴趣的:(MessageBox弹框写删除功能)