element-ui 的 tree 组件节点收起

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 节点的收起了。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容