el-tree中获取选中节点的所有父级节点

需求:项目中需要一个产品目录树形图,点击树形节点时,会把当前选中节点的所有父级节点信息带到左侧的搜索框中

解决方法:使用node-click事件函数

// 点击节点
nodeClick(e) {
   const { tree } = this.$refs;
   // 选中节点的所有父级id和codeItem信息
   this.parentList = {};
   this.searchData = {};
   this.getTreeNode(tree.getNode(e.id));
},
getTreeNode(node) {
   if (node) {
      if (node.label !== undefined) {
       // this.parentList所有父级节点的codeItem信息
          Object.assign(this.parentList, node.data.codeItem);
          this.getTreeNode(node.parent);
       } else {
          // this.searchData是右侧搜索条件对象
          this.searchData = JSON.parse(JSON.stringify(this.parentList));
          this.getTableData('init'); // 根据查询条件获取表格数据
     
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值