要实现列表的自动滚动效果,这里提供两种解决方案:
1.vue插件
官方文档:链接: vue-seamless-scroll
(1)安装依赖
npm install vue-seamless-scroll --save
(2)全局注册(main.js中)
import scroll from 'vue-seamless-scroll'
Vue.use(scroll)
(3)使用
<!-- 配置 -->
<vue-seamless-scroll></vue-seamless-scroll>
效果如图:
2.dataV
官网链接: 轮播表
效果如图:
具体代码自行官网研究,这里只做简单实现思路记录。
其实,就个人使用体验来讲,更推荐使用第二种方案,因为方案一在调试页面样式高度自适应的时候,总是失败,无奈只好写固定像素,大概率是我自己学艺不精吧。方案二就基本不存在这种问题。所以推荐用DataV,既能快速实现需求功能,又可以精简很多代码量,效率upupup。