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

问题现象

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

解决方案

默认展开节点的解决

在el-tree上面挂上data-change

<el-tree ref="orgTree" :options="orgTreeOptons" @data-change="handlechange" >
</el-tree>

使用nextTick进行设置

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

默认高亮节点的解决

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

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

matlab uitree update,elementUI tree 懒加载更新节点
最近在项目中用到了 elementUI 的懒加载 tree 组件,因为项目里有新增.修改.删除节点的功能,使用了以后发现不能主动更新 tree 的数据,查阅资料,发现找不到解决的方案,最后尝试了 N ...
[vue] 第一次加载页面时会触发哪几个钩子？
[vue] 第一次加载页面时会触发哪几个钩子? beforeCreate, created, beforeMount, mounted 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
提高网站第一次加载速度
特别是在手机端访问,用户第一次打开网站,如果得到反馈的时间太久,用户很可能在页面完成加载之前就离开,不会再次访问.所以,网站.web App,提高首次访问的加载速度就显得特别重要了.第一次加载速度是用 ...
android web canvas,HTML5 - Canvas无法在Android WebView的第一次加载时渲染
我正在开发基于HTML5画布的游戏,该游戏在现有应用程序的WebView中运行.在第一次运行游戏时,它会在后台成功加载,所有日志都表明它已准备就绪并正在运行.但是,WebView中不显示任何内容.如果 ...
layui的tree如何实现动态加载_layui tree动态加载利用CAReplicatorLayer实现的加载动画 - 电脑常识 - 服务器之家...
layui tree动态加载利用CAReplicatorLayer实现的加载动画发布时间:2017-04-12 来源:服务器之家在上一篇中,笔者简要介绍了CAReplicatorLayer,在本 ...
swiper在360浏览器极速模式下图片第一次加载不出来的坑
废话不多说直接上代码 .lunbo1 {width: 1170px;height: 200px;/*height: 100%;*/margin: 30px auto 0 auto;/*overflow ...
Vue的生命周期有哪些，第一次加载会触发哪些钩子函数
Vue的生命周期有哪些,第一次加载会触发哪些钩子函数 beforeCreate created 创建初始化数据事件 beforeMount mounted 载入 DOM渲染完成 beforeUpda ...
ElementUI的el-tree实现懒加载查询和直接全部查询出来
文章目录懒加载实现(点击一级才出现二级的数据) 前端vue实现 1. vue的template里面的代码 2vue文件里面的data数据 3vue文件里面的methods方法 4vue文件里面的监听 ...
【Vue】ElementUI el-select 下拉分页加载数据，并支持搜索功能（此处不支持分页）
项目场景: 在公司管理后台需要有一个根据选择客户筛选拥有的服务的功能问题描述: 但是有上千条用户数据,一次性查询加载会导致页面有很长时间(大概4~5s)的空白期,用户体验很不友好. 故需要进行优 ...

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

问题现象

解决方案

默认展开节点的解决

默认高亮节点的解决

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

最新文章

热门文章