vue实现表格自动滚动功能 vue-seamless-scroll

hello，大家好，我是小编鹏仔，最近做数据大屏，因为表格中数据比较多，需要实现表格自动无缝滚动效果，网上看到了此插件，挺好用，整理分享一下吧！当然，这个插件不止可以滚动表格，像echarts或者自定义的其他样式都是可以进行滚动的，并且可以向上、向下、向左、向右都是可以滚动的，也可以调整滚动速度，鼠标悬浮停止等功能。官网文档 https://chenxuan0000.github.io/vue-seamless-scroll/zh/鹏仔需要实现的交互效果如下图所示第一步我们在 0 Comments

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 评论

留下您的评论.