vue元素模态框中新增模态框和删除功能

实现效果如下

结构

El-表格-列可排序标签='操作模板槽-作用域=“范围”el-button类型=' primary ' @ click=' GetMembers(作用域。划船。' id)'成员/El-button El-button类型=' primary ' @ click=' DelRole(作用域。划船。id，范围.$index)'删除/El-按钮/模板/El-表格-列/范围.$索引获取当前行的索引/打开新增成员

openAddStaff(){ this。getallstaff()；},//确定新增addStaff() { if(！this.user) { this .$message.error('请选择用户!');返回；}这个$ post('/API/RoleMembercontroller/add '，{ userid : this。用户。split('/')[0]，roleId: this.roleId }，数据={ console.log(数据，111) this .$message.success('添加成功!');这个。dialogadstaffvisible=false让项={ id: data.rm.id，userId: data.rm.userId，usercname :这个。用户。split('/')[1]}；this . Staflist . push(项目);//从数组中添加当前行} );},//删除员工

delStaff(id，index) { this ._确认('确定删除吗？'，()={这个.$ post('/API/RoleMembercontroller/Delone '，{ id: id }，数据={这个.$message.success('删除成功!');这个。员工名单。拼接(索引，1)；//从数组中删除当前行});});},以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。