项目中需要列表无线滚动操作,找到这个插件vue-seamless-scroll
记录使用方法:
// **main.js**
// 1.全局 install
import Vue from 'vue'
import scroll from 'vue-seamless-scroll'
Vue.use(scroll)
// 或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-seamless-scroll
Vue.use(scroll,{componentName: 'scroll-seamless'})
// 2.单个.vue文件局部注册
<script>
import vueSeamless from 'vue-seamless-scroll'
export default {
components: {
vueSeamless
}
}
</script>
配置项使用时刚开始没找到怎么用,通过vue.js devtools 工具发现 Props classOption
使用如下:
<vueSeamless
:data="tableList"
class="seamless-warp"
:classOption="{step:0.5}"
>
</vueSeamless>
解决问题。
具体配置项可以参考官方文档