谷粒商城day38 -商品服务-API-三级分类-新增-新增效果完成

最新推荐文章于 2024-07-22 10:30:32 发布

原创最新推荐文章于 2024-07-22 10:30:32 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#商品服务 #新增-新增效果完成

谷粒商城专栏收录该内容

150 篇文章

订阅专栏

本文介绍如何使用Vue实现一个新增分类的对话框功能，并详细解释了如何通过visible属性控制对话框的显示与隐藏，同时提供了具体的代码示例，包括添加方法数据对象、保存分类的方法等。

1.添加对话框

对话框通过visible属性控制显示与否

2.添加方法数据对象

3.添加方法

新增成功后的操作写在then里面，我刚开始没注意写在then外面导致新增成功没有及时刷新

  append(node, data) {
      this.dialogVisible = true;
      this.category.parentCid = data.catId;
      this.category.catLevel = data.catLevel + 1;
    },
    saveCategory() {
      this.$http({
        url: this.$http.adornUrl("/product/category/save"),
        method: "post",
        data: this.$http.adornData(this.category, false),
      }).then(({ data }) => {
        this.$message({
          type: "success",
          message: "新增成功!",
        });
        this.getDataList();
        this.expandedkeys = [this.category.parentCid];
        this.dialogVisible = false;
      });
    },