element ui 遇到的问题

element-ui tree 树形控件复选框实现单选

<el-tree
    :data="treeData"
    :props="defaultProps"
    node-key="id"
    ref="treeRef"
    show-checkbox
    check-strictly
    @check="handleNodeClick">
</el-tree>

 handleCheckClick(data, checked) {
     if (checked.checkedKeys != '') {
         this.checkInfoObj = data
         this.$refs.treeRef.setCheckedKeys([data.id], true);
     } else {
          this.checkInfoObj = {}
          this.$refs.treeRef.setCheckedKeys([]);
      }
}

element-ui tree 树形控件折叠已经展开节点

链接: https://www.jianshu.com/p/5727b392b0b8.

 // 关闭已经展开的，关闭已经选中的
            closeAllExpanded() {
                this.$refs.treeRef.setCheckedKeys([]);
                this.defaultShowNodes = []
                this.checkInfoObj = {}
                for (var i = 0; i < this.$refs.treeRef.store._getAllNodes().length; i++) {
                    this.$refs.treeRef.store._getAllNodes()[i].expanded = false;
                }
            }, 

element-ui tree 树形控件打开指定节点

链接: https://blog.csdn.net/gaojie_csdn/article/details/80738488.

this.$refs.treeRef.store.nodesMap[data.id].expanded = true;