背景:使用el-timeline+el-scrollbar显示时间轴,当时间轴数据刷新时,el-scrollbar滚动条会自动隐藏。 当给el-scrollbar设置了永久显示滚动条(如下代码),以为可以一劳永逸,发现问题仍然存在。
.el-scrollbar__bar.is-vertical {
opacity: 1;
}
解决思路:当时间轴数据刷新后,代码触发移动鼠标,el-scrollbar就会显示出滚动条了。代码如下:文章来源:https://www.toymoban.com/news/detail-810369.html
const mouseMove = new MouseEvent('mousemove', { bubbles: true });
mouseMove.clientX = 100;
mouseMove.clientY = 200;
this.$refs.timeline1.$el.dispatchEvent(mouseMove);
*注:实测使用this.$refs.scrollbar1.update();刷新滚动条的方法无效。文章来源地址https://www.toymoban.com/news/detail-810369.html
到了这里,关于Web前端篇——el-timeline+el-scrollbar时间轴数据刷新后自动显示滚动条的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!