vue <script></scrupt>中:
// 执行批量删除
deleteBatch(val){
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 发请求,删除
// 注意此处数据不是json,而是 直接将数组放进去啦
axios.delete('/deleteBatch',{
params:{
list:this.list
},
paramsSerializer:function (params) {
return qs.stringify(params,{arrayFormat:'repeat'})
}
}).then(ret => {
console.log(ret)
if (ret.data.code === 2000) {
// 删除成功,弹框提示
this.$message({
type: 'success',
message: '删除成功!'
});
// 从头查询,页码重置为1
// this.currentPage = 1;
// 重新查一遍
this.getData();
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
vue<template></template>中:
后端springboot: