elementUI el-tree loadnode懒加载 更新节点

在项目中使用了el-tree 懒加载节点 新增、删除、编辑后要更新该节点。
使用loadNode(node, resolve)重新渲染,resolve会指向上一次展开的节点。也就是说,在我点击了B节点,新增子节点后,接口数据添加是对的,但是页面会把新增的子节点加到上一次展开的A节点,B节点就会为空。
所以解决办法是把resolve都存起来。

<el-tree :load="loadNode" lazy node-key="id" :key="cascaderKey" 
ref="tree" :props="defaultProps" @node-click="handleCataNodeClick">
...
</el-tree>
 allResolve: any[] = []; //定义一个变量,把所有resolve放在一起
 
 async loadNode(node, resolve) {
      let pid = node.data.id;
      this.root_node = node;
      this.root_resolve = resolve;
      const treeData: any = await this.cataList(pid, node.level);
      this.resource = treeData;
      let findId = this.allResolve.findIndex((item) => item.id == pid);
      if (findId == -1) { //把resolve存起来
        this.allResolve.push({
          id: pid,
          resolve: resolve,
        });
      }
      resolve(treeData);
  }

// 在调用新增节点接口里写以下代码
 this.root_node.childNodes = [];
 let nowResolve = this.allResolve.filter((item) => {
   return item.id == this.nowData.id; //查找对应的resolve
 });
 this.loadNode(this.root_node, nowResolve[0].resolve); //重新加载对应的节点
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值