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

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

css 复制代码
.el-scrollbar__bar.is-vertical {
        opacity: 1;
}

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

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

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

相关推荐
pany6 分钟前
程序员近十年新年愿望,都有哪些变化?
前端·后端·程序员
大鸡爪9 分钟前
基于PDF.js的安全PDF预览组件实现:从虚拟滚动到水印渲染
vue.js
朱昆鹏10 分钟前
IDEA Claude Code or Codex GUI 插件【开源自荐】
前端·后端·github
HashTang11 分钟前
买了专业屏只当普通屏用?解锁 BenQ RD280U 的“隐藏”开发者模式
前端·javascript·后端
双向3311 分钟前
Agent智能体:2026年AI开发者必须掌握的自主系统革命
前端
мо仙堡杠把子ご灬12 分钟前
【无标题】
javascript
布列瑟农的星空12 分钟前
通用语法校验器tree-sitter——C++语法校验实践
前端
用户812748281512013 分钟前
libgui中的BufferQueueProducer加入堆栈CallStack编译报错问题-大厂企业实战项目难题
前端
myltx13 分钟前
node-sass 迁移 sass(dart-sass) 后样式报错?用 loader 先把构建救回来
vue.js·前端工程化
明月_清风14 分钟前
从"请求地狱"到"请求天堂":alovajs 如何用 20+ 高级特性拯救前端开发者
前端·后端