谷粒商城day37 -商品服务-API-三级分类- 分类删除细化

最新推荐文章于 2021-12-10 09:33:56 发布

原创最新推荐文章于 2021-12-10 09:33:56 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#分类删除细化 #vue

谷粒商城专栏收录该内容

150 篇文章

订阅专栏

本文档介绍了如何在商品分类系统中增强删除功能，包括添加删除提示框，实现实时刷新分类列表，并确保删除后能立即显示当前层级的分类状态。通过点击删除按钮触发确认提示，然后使用HTTP POST请求执行删除操作，成功后通知用户并更新分类列表，以保持界面的即时反馈。

上一节简单实现了商品分类的逻辑删除,这一节，进行细节完善，内容包括如下

1.删除提示框 2.删除后刷新分类列表 3.删除后展示当前层级分类列表，以让直观看到分类被删除

1.按钮绑定删除方法

2.删除方法具体如下

    remove(node, data) {
      var ids = [data.catId];

      this.$confirm("是否确认删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          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(() => {});
    },