elementTree懒加载调用接口时树产生抖动问题记录

最新推荐文章于 2024-06-13 08:39:52 发布
最新推荐文章于 2024-06-13 08:39:52 发布
阅读量172 收藏
点赞数
文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaochenhui0435/article/details/134208551
版权

由于懒加载过程中请求接口,会有短暂的loading效果如下图所示,

当加载完毕,loading图标小时,看上去像是树产生了抖动一样,解决思路的话,目前想到的就是让这个图标不显示,控制台检查这个图标元素:

给对应的类设置一个display:none,可以看见loading图标消失了

对应在代码中的写法

高晨辉@610709891.qq.com
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 el-table 循环动态列表，窗口会出现抖动的问题
FitnessSnail的博客
10-16 864
使用 el-table 循环动态列表，窗口会出现抖动的问题
渲染树的构建、回流、重绘、布局抖动
Kate_sicheng的博客
06-11 633
以下所有属性或方法，当在 JavaScript 中请求/调用时，将触发浏览器同步计算样式和布局。 这也称为回流或布局抖动，是常见的性能瓶颈...
基于vue-element UI 后台管理平台 踩坑记录( 一 )
weixin_34318272的博客
04-09 1821
最近在做基于vue -element ui 的 admin 管理平台，踩坑还是不少。一些比较实用的，还有一些坑， 希望记录下来， 如果有你们需要的，恰好有解决办法， 那是荣幸之至呀， 使用的基础模板来自于 github.com/PanJiaChen/… ) (在此感谢作者！) 利用vue-router 与 element UI 的 NavMenu 动态渲染 sideBar 一级route属性 如...
2023年前端高频面试题 及其 对应问题解决答案！！！！！（问题记录下来、慢慢完善解决方案、主要根据自己在项目中真实情况记录答案）
weixin_47659945的博客
08-30 191
2023年前端高频面试题 及其 对应问题解决答案！！！！！（问题记录下来、慢慢完善解决方案、主要根据自己在项目中真实情况记录答案）
【音视频流媒体】2、WebRTC 直播超详细介绍
呆呆的猫的博客
10-27 3377
WebRTC 直播超详细介绍
android高级面试题（二）
影子
05-06 1万+
Android高级面试题 （⭐⭐⭐） 一、性能优化 1、做过哪些性能优化？是怎么评测和具体优化的？ 一、App启动速度优化 开放问题：如果提高启动速度，设计一个延迟加载框架或者sdk的方法和注意的问题 二、App绘制优化 三、App内存优化 内存抖动（代码注意事项）： 内存抖动是由于短时间内有大量对象进出新生区导致的，它伴随着频繁的GC，gc会大量占用ui线程和cpu资...
工作中对 Vue 和 iView/Element 的一些技术备忘总结
汤一飞
05-19 4900
如题
记录坎坷的面试
热门推荐
努力努力再努力
02-26 7万+
依图 axios请求封装，处理返回结果的方式(什么403 404什么的怎么处理？)，传入函数参数，this指向 存数据的是时候，本来是以数组的方式从别的地方传来的，但是你存数据的时候怎么存储才能让后续使用更便捷，让代码的复用性等性能更好 事件轮询：宏任务，微任务 数据扁平化，出现最多次数的两个数字 发散性题目： n * n个小格的棋盘，如果用1 * 2的小格去铺，能铺满么？ ->能...
Java面试问题整合
爱折腾的Albert
03-22 1764
文章目录Java基础基本数据类型float和double区别Object 常见方法Java中数据结构Java中异常处理访问控制修饰符== 与 equals区别重写equals方法，为什么要重写hashcodefinal 关键字的一些总结String 和 StringBuffer、StringBuilder 的区别是什么?String 为什么是不可变的?集合集合框架底层数据结构1. List2. S...
基于element-ui封装可搜索的懒加载tree组件的实现
10-15
主要介绍了基于element-ui封装可搜索的懒加载tree组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
10-17
主要介绍了详解如何实现Element树形控件Tree在懒加载模式下的动态更新，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
11-19
需求： vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。 增加节点，点击确定后局部刷新，渲染新数据。 源码 element组件样式 <el-tree class="treeitems" :data="data...
移动端适配和响应式页面中的常用单位
Keep trying, keep going
06-10 417
百分比单位是相对于父元素的大小计算的。它可以用于设置宽度、高度、字体大小等属性，使得元素能够随着父元素的大小自动调整。单位也可以用于移动端适配和响应式页面，但由于它是相对于当前元素的字体大小计算的，这可能导致嵌套元素的大小计算变得复杂。这样，当我们需要调整整个页面的大小时，只需修改根元素的字体大小即可。）的字体大小计算的。在实际项目中，我们通常会根据不同的需求和场景，灵活地使用这些单位来实现移动端适配和响应式页面。视口单位在移动端适配和响应式页面中非常实用，因为它们能够使元素随着视口大小自动调整。
css3中有哪些新属性（特性）？
最新发布
tianxianghuiwei的博客
06-13 213
这些新属性和特性使得开发者能够更加灵活和精确地控制页面的外观和行为，提升用户体验和视觉吸引力。及其相关属性，实现灵活的布局方式，使得元素在容器中可以自动调整大小和位置。属性，实现在状态改变时，元素样式平滑过渡的效果，如颜色、大小、位置等。属性，为元素添加阴影效果，可以设置阴影的颜色、大小、模糊度和偏移量。属性，实现元素的旋转、缩放、倾斜和移动，而无需改变文档布局。属性，实现更复杂的动画效果，可以控制元素的逐帧动画行为。函数，实现背景色的渐变效果，可以创建平滑过渡的色彩效果。
Vue2基础：.sync修饰符的使用，认识，作用，本质案例演示，实现父子之间的通信。
我就知道你会来，我们一起进步吧！
06-10 267
.sync修饰符的使用，认识，作用，本质案例演示，实现父子之间的通信。
css3新增的伪类有哪些
ggq53219的博客
06-12 328
CSS3 引入了许多新的伪类选择器，这些选择器为开发者提供了更多的样式控制选项。）可能并不是所有浏览器都支持，或者可能需要特定的API（如全屏API）才能触发。并不是真正的 CSS3 伪类，但它们在这里被提及是为了完整性。请注意，某些伪类（如。
HTML5+CSS3+JS小实例：网格图库
艾恩小灰灰的博客
06-05 1374
实例：网格图库。技术栈：HTML+CSS+JS。
vue在hash路由模式下实现点击定位滑动
IT_moshang的博客
06-12 258
hash路由模式下实现点击滑动
element tree 懒加载
07-28
Element UI Tree 是一个基于 Vue.js 的树形控件，可以用于展示层级结构的数据。增删改查指的是对树形结构中的节点进行增加、删除、修改和查询操作。在 Element UI Tree 中，可以通过 API 方法来实现这些操作，例如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值