美文网首页
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