Element Tree 树形控件展开指定节点

阿Ruey

已于 2022-10-17 11:59:51 修改

阅读量919

点赞数

分类专栏： element tree 文章标签： javascript elementui 前端

于 2022-10-17 11:49:33 首次发布

本文链接：https://blog.csdn.net/qq_38149488/article/details/127360644

版权

element tree 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

render-content中：
this.data = data;
this.root = store.root;

1、根节点下

let _key = this.data.key ;
this.root.childNodes.forEach((item)=> {
    if (item.data.key === _key) {
        this.$set(item,'expanded',true) ;
    }
})

2、子孙节点下

let _node = this.findNode({id: this.data.id, data: this.root.childNodes}) ;
this.$set(_node,'expanded',true) ;

findNode ({ id, data }) {
    let _node = data.find( el => el.data.id === id ) ;
    if (!_node) {
        for (let item of data) {
            let _matchNode = this.findNode({ id, data: item.childNodes || [] }) ;
            if (_matchNode) {
                return _matchNode ;
            }
        }
    }else {
        return _node ;
    }
}