vue+element实现批量删除

 

     添加信息
     批量删除
 

 
 
 
 

定义sels:[]

data(){
    return{
        name:'评论管理',
        comments:[],
        comment:{},
        centerDialogVisible: false ,
        form:{},
        list:[],
        sels:[]   //选中的值显示
                 
    }
}

定义methods方法

//批量删除,选中时触发，将选中的数组组成一个数组
 selsChange(sels) {
     this.sels = sels
 },
 async batchDelete(){
     //获取所有选中行的id组成的字符串，以逗号分隔
     let str_ids=this.sels.map(item=>item.id).join();
     // split() 方法用于把一个字符串分割成字符串数组。
     let ids = str_ids.split(",");
     console.log(ids);
   // 进行交互操作
    let response = await axios.post("/comment/batchDelete",{ids})
    //通过状态判断操作是否成功，并弹出相应的提示框 
    let status = response.data.status; 
    if(status === 200){
        this.$message({
        message: '删除成功',
        type: 'success'
        });
        this.reloadData()
    }else{
        this.$message.error("删除失败");
    }
}