element-ui 的 tree 组件节点收起

2021-04-23  本文已影响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 节点的收起了。
上一篇 下一篇

猜你喜欢

热点阅读