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
	}
}