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

相关推荐
我不吃饼干6 小时前
在 React 中实现倒计时功能会有什么坑
前端·react.js
小小小小宇6 小时前
前端PerformanceObserver
前端
王者鳜錸6 小时前
PYTHON从入门到实践-18Django从零开始构建Web应用
前端·python·sqlite
拾光拾趣录6 小时前
ES6到HTTPS全链路连环拷问,99%人第3题就翻车?
前端·面试
haaaaaaarry7 小时前
Element Plus常见基础组件(二)
开发语言·前端·javascript
xyphf_和派孔明8 小时前
关于echarts的性能优化考虑
前端·性能优化·echarts
PyHaVolask8 小时前
HTML 表单进阶:用户体验优化与实战应用
前端·javascript·html·用户体验
A了LONE8 小时前
cv弹窗,退款确认弹窗
java·服务器·前端
AntBlack8 小时前
闲谈 :AI 生成视频哪家强 ,掘友们有没有推荐的工具?
前端·后端·aigc
花菜会噎住9 小时前
Vue3核心语法进阶(computed与监听)
前端·javascript·vue.js