思路:选中想要删除的菜单,点击批量删除按钮,提示是否删除,获取选中菜单的ID封装到数组,调用后台批量删除方法
1.添加按钮
2.添加引用
3.添加方法
使用getCheckNodes获取选中项
batchDelete() {
this.$confirm("是否确认批量删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
var ids = [];
var checkedNodes = this.$refs.menuTree.getCheckedNodes();
console.log("checkedNodes__", checkedNodes);
for (var i = 0; i < checkedNodes.length; i++) {
ids.push(checkedNodes[i].catId);
}
this.$http({
url: this.$http.adornUrl("/product/category/delete"),
method: "post",
data: this.$http.adornData(ids, false),
}).then(({ data }) => {
this.$message({
type: "success",
message: "批量删除成功!",
});
this.getDataList();
// this.expandedkeys = [node.parent.data.catId];
});
})
.catch(() => {});
},