Vue+Element ui Tree 如何指定节点展开首先这是官方给出的默认展开方法，注意必须设置node-key。但

本文章是我一个实习两个月的练习生，在项目中遇到的问题，在此记录，防治以后再踩坑！！

首先这是官方给出的默认展开方法，注意必须设置node-key。但是这样写只能针对于写死的树，那如何获取从接口取出的id呢？

上代码：

<el-tree 
  :default-expanded-keys="treeExpandData"
  node-key="id"
  :data="tree"
></el-tree>

<script>    
export default {        
    data() {            
        return {
            treeExpandData: []   //通过接口获取默认展开节点id
        }
    }
}

created() {
    this.$axios    
        .get("api")    
        .then(response => {        
            this.tree = response.data.result.baseTreeNodeList;        
            this.treeExpandData.push(response.data.result.baseTreeNodeList[0].id) //获取默认展开节点  
        })    
        .catch(response => {        
            console.log(response.error);    
        });
}

通过接口获取默认节点id

完成！亲测有效。

希望大家遇到和我同样的问题时，这篇文章能帮你解决问题，喜欢的点赞哟ヾ(◍°∇°◍)ﾉﾞ