element table tree展开第一层节点

原创于 2021-07-12 16:32:21 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

项目经验同时被 3 个专栏收录

38 篇文章

订阅专栏

vue

28 篇文章

订阅专栏

element-ui

8 篇文章

订阅专栏

本文介绍如何在Element UI的Table组件中，针对Tree类型的表格，实现第一层级节点的自动展开。通过循环遍历第一级节点，并触发第一列的展开图标点击事件来达到目标。详情参考链接：https://www.lihuyong.com/archives/1585

this.deptList = this.handleTree(response.data, "deptId");
// 默认只展开第一级
if (this.deptList.length > 0) {
    // 默认展开根节点
    this.$nextTick(() => {
        // 找到所有的第1级
        const firstLevelElm = document.getElementsByClassName(
              "el-table__row--level-0"
         );
         firstLevelElm.forEach(ele => {
            // 并让第1级展开
              ele.getElementsByClassName("el-table__expand-icon")[0].click();
         });
    });
}