Element UI el-tree 默认展开指定节点

主要两个参数 node-key 和 :default-expanded-keys

<el-tree
    ref="tree"
    v-loading="treeLoading"
    :data="studentTree"
    :props="defaultProps"
    :highlight-current="true"
    node-key="id"
    :default-expanded-keys="defaultShowNodes"
    @node-click="handleTree">
</el-tree>

data () {
    return {
        studentTree: [], // 我的树结构数据
        defaultShowNodes: [] // 这里存放要默认展开的节点 id
    }
}

因为数据是异步获取的，我这里在 watch 里监听

watch: {
    studentTree: {
        handler () {
            // 我这里默认展开一级, 指定几级就往里遍历几层取到 id 就可以了
            this.studentTree.forEach(item => {
            	this.defaultShowNodes.push(item.id)
            })
        },
        deep: true
    }
}