1.安装
npm安装:
npm install vue-seamless-scroll --save
yarn安装:
yarn add vue-seamless-scroll
2.引入
全局引入:
-
import Vue from 'vue'
-
import scroll from 'vue-seamless-scroll'
-
Vue.use(scroll)
-
局部引入(vue3易错:因为vue3找不到路径,所以需要在后面加入/src)
(1)vue2引入:
-
import vueSeamless from 'vue-seamless-scroll'
-
(2)vue3引入
-
import vueSeamless from 'vue-seamless-scroll/src
-
components: { vueSeamless },
使用:
<vue-seamless-scroll :data="需要展示的数组" class="样式类名" :class-option="配置参数">
放入需要展示的内容
</vue-seamless-scroll>
class-option参数配置:
效果图:
以上就是简单的vue-seamless-scroll无缝滚动示例,欢迎大神补充,有问题随时私聊!!!