谷粒商城day40 -商品服务-API-三级分类-删除-批量删除

思路:选中想要删除的菜单,点击批量删除按钮,提示是否删除,获取选中菜单的ID封装到数组,调用后台批量删除方法

1.添加按钮

2.添加引用

谷粒商城day40 -商品服务-API-三级分类-删除-批量删除_第1张图片

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(() => {});
    },

 

你可能感兴趣的:(谷粒商城,VUE,商品服务-API,三级分类-删除-批量删除)