当前位置: 首页 > news >正文

Web前端篇——el-timeline+el-scrollbar时间轴数据刷新后自动显示滚动条

背景:使用el-timeline+el-scrollbar显示时间轴,当时间轴数据刷新时,el-scrollbar滚动条会自动隐藏。 当给el-scrollbar设置了永久显示滚动条(如下代码),以为可以一劳永逸,发现问题仍然存在。 

.el-scrollbar__bar.is-vertical {
        opacity: 1;
}

解决思路:当时间轴数据刷新后,代码触发移动鼠标,el-scrollbar就会显示出滚动条了。代码如下:

const mouseMove = new MouseEvent('mousemove', { bubbles: true });
mouseMove.clientX = 100;
mouseMove.clientY = 200;
this.$refs.timeline1.$el.dispatchEvent(mouseMove);

*注:实测使用this.$refs.scrollbar1.update();刷新滚动条的方法无效。

http://www.dtcms.com/a/7316.html

相关文章:

  • 基于Docker官方php:5.6.40-fpm镜像构建支持66个常见模组的php5.6.40镜像
  • 基于springboot+vue心理测试管理系统
  • QT c++ 双精度浮点数转换成4个16位数
  • SpringBoot 如何增强PageHelper入参的健壮性
  • CCRC认证办理流程以及申报材料
  • 【2019】360Java工程师客观题总结
  • VCG 网格顶点聚类
  • statsmodels.tsa 笔记 detrend(去趋势)
  • 持续构建行业影响力|HarmonyOS SDK荣膺年度“技术卓越”奖项
  • C++STL
  • 通信电缆的UL认证安全标准UL 444详情介绍
  • SpringBoot 配置文件加载优先级
  • Linux网络配置
  • MySQL之CRUD、常见函数及union查询
  • 基于博弈树的开源五子棋AI教程[3 极大极小搜索]
  • Vulnhub-GoldenEye
  • Spring MVC自定义类型转换器!!!
  • DEJA_VU3D - Cesium功能集 之 113-获取圆节点(2)
  • mysql8.0 1055报错问题 [安装包]安装修改
  • 数据库开发与设计过程中的问题分析总结
  • 免费简单好用的 webshell 在线检测:支持 php、jsp、asp等多格式文件
  • 安全防御之密码技术
  • 【SPDK】【NoF】使用SPDK实现NVMe over Fabrics Target
  • vue实现小球掉落
  • 【Git】查看凭据管理器的账号信息,并删除账号,解决首次认证登录失败后无法重新登录的问题
  • 网络传输(TCP)
  • 微信小程序:flex常用布局
  • Windows pip install -r requirement.txt 太慢
  • 【grpc】利用protobuf实现java或kotlin调用python脚本,含实现过程和全部代码
  • MongoDB索引详解