美文网首页
element-ui 的 tree 组件节点收起

element-ui 的 tree 组件节点收起

作者: 前端一条鱼 | 来源:发表于2021-04-23 08:40 被阅读0次

    element-ui 的 tree 组件,节点收起方法。

    页面代码

    <el-tree :data="treeData" ref="tree">               
    </el-tree>
    

    实现方法

    putAwayTree() {
        // 获取tree节点的所有数据信息
        const nodeDatas = this.$refs.tree.store.nodesMap
        // 循环所有节点,将需要收起的节点数据的 expanded 属性设置为false
        for (let key in nodeDatas) {
            // 此处将节点名称为通讯录的节点不做收起操作
            if(nodeDatas[key].data.itemtype_name != '通讯录') {
              nodeDatas[key].expanded = false;
            }
        }
    }
    
    以上,就可以实现 tree 节点的收起了。

    相关文章

      网友评论

          本文标题:element-ui 的 tree 组件节点收起

          本文链接:https://www.haomeiwen.com/subject/tpoqrltx.html