iview树的修改某个节点，树刷新后自动展开你刚才展开的所有节点

最新推荐文章于 2024-09-26 10:56:33 发布

转载最新推荐文章于 2024-09-26 10:56:33 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/boonook/p/9355963.html

文章标签：

#javascript #ViewUI

在使用iview的树形组件时，如果修改了某个节点并刷新树，通常会丢失之前展开的节点状态。本文介绍如何在更新节点后，保持用户已展开的节点依然展开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

return{

　　expandTable:{},


getOrgTree () {
                this.$Request.get('api/groups/tree', {}).then(res => {
                    console.log(res);
                    if (res && res.code === 0) {
                        if (Array.isArray(res.data)) {

                            this.orgTree = res.data.map(org => this.mapTree(org));
//                            this.orgTree.push({
//                                title: '无',
//                                label: '无',
//                                value: 0,
//                            })
                        }
                    }
                });
            },



mapTree (org) {
    const haveChildren = Array.isArray(org.children) && org.children.length > 0;
    let expand = false;
    if(this.expandTable[org.id+'']!==null &&this.expandTable[org.id+'']!==undefined ){
        expand = this.expandTable[org.id+''];
    }
    return {
        title: org.groupName,
        label: org.groupName,
        value: org.id,
        data: {...org},
        expand,
        children: haveChildren ? org.children.map(i => this.mapTree(i)) : []
    };
},



onToggleExpand(data){
    this.expandTable[data.value+''] = data.expand;
},

转载于:https://www.cnblogs.com/boonook/p/9355963.html