vue实现表格自动滚动功能 vue-seamless-scroll
2024年07月01日 表格滚动 vue vue seamless scroll 共享博客
hello，大家好，我是小编鹏仔，最近做数据大屏，因为表格中数据比较多，需要实现表格自动无缝滚动效果，网上看到了此插件，挺好用，整理分享一下吧！
当然，这个插件不止可以滚动表格，像echarts或者自定义的其他样式都是可以进行滚动的，并且可以向上、向下、向左、向右都是可以滚动的，也可以调整滚动速度，鼠标悬浮停止等功能。
官网文档 https://chenxuan0000.github.io/vue-seamless-scroll/zh/
鹏仔需要实现的交互效果如下图所示
第一步我们在VUE中输入命令安装
npm install vue-seamless-scroll --save
第二步，我们在main.js中引入注册
import scroll from 'vue-seamless-scroll' Vue.use(scroll)
第三步，我们用插件标签将需要滚动的区域包裹即可
<vue-seamless-scroll :data="listData"></vue-seamless-scroll>
本文链接：http://so.lmcjl.com/news/7605/