背景:使用el-timeline+el-scrollbar顯示時間軸,當時間軸數(shù)據(jù)刷新時,el-scrollbar滾動條會自動隱藏。?當給el-scrollbar設置了永久顯示滾動條(如下代碼),以為可以一勞永逸,發(fā)現(xiàn)問題仍然存在。?
.el-scrollbar__bar.is-vertical {
opacity: 1;
}
解決思路:當時間軸數(shù)據(jù)刷新后,代碼觸發(fā)移動鼠標,el-scrollbar就會顯示出滾動條了。代碼如下:文章來源:http://www.zghlxwxcb.cn/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();刷新滾動條的方法無效。文章來源地址http://www.zghlxwxcb.cn/news/detail-810369.html
到了這里,關于Web前端篇——el-timeline+el-scrollbar時間軸數(shù)據(jù)刷新后自動顯示滾動條的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!