主要两个参数 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
: []
}
}
因为数据是异步获取的,我这里在 watch 里监听
watch
: {
studentTree
: {
handler () {
this.studentTree
.forEach(item
=> {
this.defaultShowNodes
.push(item
.id
)
})
},
deep
: true
}
}