Vue Element Ui 批量删除功能
2021-01-25 本文已影响0人
佑安丶
//删除事件
delete(){
if(this.multipleSelection==""){
this.$message.warning('请至少选择一条数据进行删除！')
}else{
this.$confirm('此操作将永久删除该权限，是否继续？','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning',
center:true
}).then(()=>{
// 声明空数组,这里的数组是后端需要的数据
let arrray=[]
//遍历勾选数据取自己需要的id等这里是和后端需要的参数对应
for(let i=0;i<this.multipleSelection.length;i++){
let obj={}//这里的对象数据是需要删除的数据 这里声明为了不重复
obj.menuId=this.multipleSelection[i].menuId;
arrray.push(obj)//把取出的对象push到数组里
}
delete(arrray).then(res=>{ //接口
console.log(res);
this.search();//删完成功后初始化查询列表
})
})
}
}
