el-tree 默认选中节点高亮

首次加载默认选中节点，使用vue 的nextTick ，在他的内部去调用 el-tree的函数setCurrentKey

html:设置node-key

 

<el-tree ref="treeRef"
                 :expand-on-click-node="false"    
                 :data="treeData"
                 node-key="id"
                 :default-expand-all="true"
                 :props="defaultProps"
                 @node-click="handleNodeClick">
 </el-tree>

 

js

getTreeList().then((res) => {
        const data = res.data.data
        this.treeData = data
        this.$nextTick(function () {
        this.$refs.treeRef.setCurrentKey(data[0].id)//data[0].id为默认选中的节点

               })
      })