51、商品服务-API-三级分类-删除-删除效果细化、设置http请求快速提示,删除成功后展开以前的父节点

1.设置快速提示

 "http-get请求": {
	"prefix": "httpget",
	"body": [
		"this.\\$http({",
		"url: this.\\$http.adornUrl(''),",
		"method: 'get',",
		"params: this.\\$http.adornParams({})",
		"}).then(({ data }) => {",
		"})"
	],
	"description": "httpGET请求"
    },
    "http-post请求": {
	"prefix": "httppost",
	"body": [
		"this.\\$http({",
		"url: this.\\$http.adornUrl(''),",
		"method: 'post',",
		"data: this.\\$http.adornData(data, false)",
		"}).then(({ data }) => { });" 
	],
	"description": "httpPOST请求"
    }

2.MessageBox 弹框删除分类

删除时危险操作,需要提示用户

remove(node, data) {
      var ids = [data.catId];
 
      this.$confirm(`是否删除【${data.name}】菜单`, "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        this.$http({
          url: this.$http.adornUrl("/product/category/delete"),
          method: "post",
          data: this.$http.adornData(ids, false),
        }).then(({ data }) => {
          console.log("删除成功");
          this.getMenus(); //获取菜单
        });
      }).catch(() => {
        
      });
 
      console.log("append", node, data);
    },

3.Message 消息提示成功失败

this.$message({
          message: '恭喜你,这是一条成功消息',
          type: 'success'
        });

4.删除成功后,展开以前的父节点

参考属性:
node-key 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的 String — —
default-expanded-keys 默认展开的节点的 key 的数组 array — —

node-key="catId"
:default-expanded-keys="expandedkey"

//data返回值对象中添加‘:default-expanded-keys’对应的属性
expandedkey: [],

//刷新出新的菜单
this.getMenus();
//删除成功后,设置需要默认展开的菜单
this.expandedkey = [node.parent.data.catId];

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值