谷粒商城-批量删除

发布时间:2022-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了谷粒商城-批量删除脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

首先在前端的树组件中加入ref标识,命名为menuTree。

谷粒商城-批量删除

 

 设置删除按钮

谷粒商城-批量删除

 

 这时,此前设置的ref标识便有了作用,this.$refs.menuTree.getCheckedNodes();,getCheckedNodes意为若节点可被选择,则返回目前被选中的节点所组成的数组。那么该语句的意思可以理解为找到被命名为menuTree的所选节点。之后通过for循环遍历。把遍历的元素catId加入到此前设置好的catIds[]数组中,使用httppost即可。

batchDelete方法代码:

batchDelete() {
      let catIds = [];
      let checkedNodes = this.$refs.menuTree.getCheckedNodes();
      console.log("被选中的元素", checkedNodes);
      for (let i = 0; i < checkedNodes.length; i++) {
        catIds.push(checkedNodes[i].catId);
      }
      this.$confirm(`是否批量删除【${catIds}】当前菜单?`, "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$http({
            url: this.$http.adornUrl("/product/category/delete"),
            method: "post",
            data: this.$http.adornData(catIds, false),
          }).then(({ data }) => {
            this.$message({
              message: "菜单批量删除成功",
              type: "success"
            });
            this.getMenus();
          });
        })
        .catch(() => {});
    },

 

脚本宝典总结

以上是脚本宝典为你收集整理的谷粒商城-批量删除全部内容,希望文章能够帮你解决谷粒商城-批量删除所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: