elementui的el-tree第一次加载无法展开和选中的问题

前端之家收集整理的这篇文章主要介绍了elementui的el-tree第一次加载无法展开和选中的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

问题现象

@H_301_2@elmentui的el-tree数据加载问题,导致第一次加载选中当前节点和高亮当前节点没有生效。

解决方

默认展开节点的解决

@H_301_2@在el-tree上面挂上data-change

<el-tree ref="orgTree" :options="orgTreeOptons" @data-change="handlechange" >
</el-tree>
@H_301_2@使用nextTick进行设置

handlechange() {
  this.$nextTick(() => {
     this.$refs.orgTree.$refs.tree.setCurrentKey(this.treeNodeKey);
  });
},

默认高亮节点的解决

this.$refs.orgTree.$options.propsData.options.tree.defaultExpandedKeys = this.expandKey;

猜你在找的Vue相关文章