vue 文字无缝滚动_vue无缝滚动

一个简单的基于vue.js的无缝滚动

安装

NPM

npm install vue-seamless-scroll --save

使用

ES6

// **main.js**

import Vue from 'vue'

import scroll from 'vue-seamless-scroll'

Vue.use(scroll)

// 或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-seamless-scroll

Vue.use(scroll,{componentName: 'scroll-seamless'})

普通的使用方法 (script标签引入)

Example:

...

new Vue({

el: '#app'

})

配置项默认值

defaultOption () {

return {

step: 1, //数值越大速度滚动越快

limitMoveNum: 5, //开始无缝滚动的数据量 //this.dataList.length

hoverStop: true, //是否开启鼠标悬停stop

direction: 1, // 0向下 1向上 2向左 3向右

openWatch: true, //开启数据实时监控刷新dom

singleH