第一步、添加相应属性
node-key=“id” 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的
ref=“tree” 方便后面取值
highlight-current 是否高亮当前选中节点,默认值是 false。
<el-tree
:data="areaData"
node-key="id" //这行不能少
ref="tree" //这行不能少
highlight-current //这行不能少
default-expand-all
:props="defaultProps"
@node-click="handleNodeClick"></el-tree>
第二步:设置当前高亮的节点
setCurrentKey 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性
this.$nextTick(()=>{// 等待挂载完成再进行下面这行代码
this.$refs.tree.setCurrentKey(this.currAreaId)
})
第三步、样式修改(非必须)
<style>
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background-color: #409EFF;
color: #fff;
}
</style>