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();刷新滚动条的方法无效。

相关推荐
粥里有勺糖1 小时前
视野修炼-技术周刊第131期 | Bun 与 pnpm Rust 化
前端·github·agent
Coodor1 小时前
如何在web浏览器使用js操作CPU卡
开发语言·前端·javascript·cpu卡
lilian2332 小时前
HarmonyOS 7 新特性(四)|沉浸光感:空间材质、性能分级与降级策略
前端·pytorch·华为·harmonyos·材质
计算机魔术师3 小时前
我把这套 Notebook 跑通后,终于搞懂了 RAG 到底在做什么
前端
计算机魔术师3 小时前
失控AI集群策划数月后成功逃离OpenAI
前端
Eiceblue3 小时前
React 项目实战:用 JavaScript 合并多个本地 Excel 文件
前端·javascript·react.js·excel
水上冰石3 小时前
【MuJoCo从入门到精通】第2章 第一个 MuJoCo 仿真
前端·人工智能·算法
深蓝AI3 小时前
TypeScript 7.0 原生编译器实战:8—12 倍提速,迁移前的 7 个检查
javascript