当前位置: 首页 > news >正文

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

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

.el-scrollbar__bar.is-vertical {opacity: 1;
}

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

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.lryc.cn/news/278800.html

相关文章:

  • Flutter 监听前台和后台切换的状态
  • 图解Kubernetes的服务(Service)
  • facebook广告素材制作要注意哪些
  • Android 应用流量监控实践
  • 并发前置知识一:线程基础
  • 计算机网络 物理层
  • 浅谈轻量级Kubernetes—K3s
  • Web APIs知识点讲解
  • Python商业数据挖掘实战——爬取网页并将其转为Markdown
  • 初识 Elasticsearch 应用知识,一文读懂 Elasticsearch 知识文集(1)
  • StampedLock详解
  • Linux中DCHP与时间同步
  • 国产系统-银河麒麟桌面版V10安装字体-wps安装字体
  • python 10常用自动化脚本收藏好
  • java物品检验管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目
  • Pandas实战100例 | 案例 2: 数据探索 - 查看和理解数据
  • c++qt-基本组件
  • SpringBoot多环境配置Maven Profile组
  • 服务器配置 ssh 密钥登录
  • 使用递归将list转换成tree
  • untiy使用http下载资源
  • 03-编码篇-x264编译与介绍
  • 生活自来水厂污水处理设备需要哪些
  • Full names for abbreviations of Linux Commands
  • kafka下载安装部署
  • python包管理工具:pipenv的基本使用
  • AI系统ChatGPT网站系统源码AI绘画详细搭建部署教程,支持GPT语音对话+DALL-E3文生图+GPT-4多模态模型识图理解
  • MC-4/11/03/400步进电机驱动器的主要驱动方式有哪些?
  • 大数据技术原理与应用期末复习(林子雨)
  • C练习——魔术师猜三位数