element-plus el-tree默认高亮选中

1,539 阅读1分钟

方法一

结合 current-node-key属性和setCurrentKey()方法及nexTick()同时使用

 <el-tree :data="treeData" ref="tree" :default-expand-all="true"
     node-key="id" :expand-on-click-node="false" :current-node-key="defaultExpand">
 </el-tree>

js代码 在获取数据的时候

nextTick(() => { 
    defaultExpand = treeData[0].id 
    tree.value.setCurrentKey(treeData[0].id) })
}

方法二

在获取treeData数据的方法下面,只需添加这两行代码即可

nextTick(() => {
    treeRef.value.setCurrentKey(state.getFirst.id)
})