element tree 获取当前节点和其父级节点的数据

用户7741497

发布于 2022-03-06 13:29:15

2.8K00

代码可运行

文章被收录于专栏：hml_知识记录hml_知识记录

运行总次数：0

代码可运行

需求：树形菜单点击之后需要形成面包屑，所以需要当前节点和其父级节点的数据。记录一下解决方法，如下。

 <el-tree
                        style="height:calc(100vh - 180px)"
                        ref="tree"
                        icon-class="el-icon-caret-right"
                        :data="dataTree"
                        :props="{label:'groupName',children:'groups'}"
                        node-key="key"
                        @node-click="TreeCk"

                        > <!-- :expand-on-click-node="false" -->
                </el-tree>

TreeCk(e){ //树节点点击
            let tree:any = this.$refs.tree;
            this.treeKey = ''; //初始化
            this.breadList = []; //初始化
            if (!e.groups){
                this.getTreeNode(tree.getNode(e.key));

                this.treeKey = e.key;
                this.treeGroupType = e.groupType;
                this.getData();

            }

        }
        getTreeNode(node){ //获取当前树节点和其父级节点
            if (node) {
                if (node.label !== undefined) {
                    this.breadList.unshift(node.label); //在数组头部添加元素
                    this.getTreeNode(node.parent); //递归
                }
            }
        }