编辑用户与添加用户的思路几乎一致,只是需要传递当前要编辑用户,绑定当前用户,代码如下:
编辑用户对话框:
html部分:
JS部分:
//确认修改用户
EditUserConfirm() {
//整体表单的验证
this.$refs.EditUserDia.validate(async valid=>{
if(!valid) return;
//调后台接口,将新用户添加到向后台
const res=await EditUserAPI(this.currrentUserId,this.addUserDiaData)
//关闭对话框
this.isEditUser=false
//重新拉取用户列表
this.getUserList()
})
},
//打开编辑对话框
editUserDia(user) {
console.log('当前要编辑的用户:',user)
//获取用户id
this.currrentUserId=user.id
//将当前user绑定到addUserDiaData上,从而同步到编辑对话框中
this.addUserDiaData=user;
//显示编辑对话框
this.isEditUser=true
},