动态设置elementui 的el-tree的层级只显示2个层级

短命女 2023-01-10 03:49 729阅读 0赞

需要设置

node-key和default-expanded-keys

官方链接：

[https://element.eleme.cn/\#/zh-CN/component/tree][https_element.eleme.cn_zh-CN_component_tree]

关键代码：

data：

>     nodeKey:[],

/** 查询部门下拉树结构 */
        getTreeselect() {
          treeselect().then(response => {
            this.deptOptions = response.data
            // console.log('this.deptOptions')
            // console.log(this.deptOptions)
            // console.log(this.deptOptions[0])
            this.nodeKey.push(this.deptOptions[0].id)
          })
        },

参考：

[https://element.eleme.cn/\#/zh-CN/component/tree][https_element.eleme.cn_zh-CN_component_tree]

[https://segmentfault.com/q/1010000039058699?utm\_source=tag-newest][https_segmentfault.com_q_1010000039058699_utm_source_tag-newest]

[https://www.cnblogs.com/zhangym118/p/9436936.html][https_www.cnblogs.com_zhangym118_p_9436936.html]

另一个 类似的：

el-table里的层级：

[https://segmentfault.com/q/1010000008981772][https_segmentfault.com_q_1010000008981772]

[https://element.eleme.cn/\#/zh-CN/component/table][https_element.eleme.cn_zh-CN_component_table]

[https_element.eleme.cn_zh-CN_component_tree]: https://element.eleme.cn/#/zh-CN/component/tree
[https_segmentfault.com_q_1010000039058699_utm_source_tag-newest]: https://segmentfault.com/q/1010000039058699?utm_source=tag-newest
[https_www.cnblogs.com_zhangym118_p_9436936.html]: https://www.cnblogs.com/zhangym118/p/9436936.html
[https_segmentfault.com_q_1010000008981772]: https://segmentfault.com/q/1010000008981772
[https_element.eleme.cn_zh-CN_component_table]: https://element.eleme.cn/#/zh-CN/component/table