本文已参与「新人创作礼」活动，一起开启掘金创作之路。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

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 树形控件折叠已经展开节点

链接: www.jianshu.com/p/5727b392b….

 // 关闭已经展开的，关闭已经选中的
            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 树形控件打开指定节点

链接: blog.csdn.net/gaojie_csdn….

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