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>



本文链接:https://my.lmcjl.com/post/21038.html

展开阅读全文

4 评论

留下您的评论.