vue3中 使用 vue-seamless-scroll

在Vue 3中使用vue-seamless-scroll，首先需要安装这个组件，可以通过npm命令进行安装，具体命令是：npm install vue-seamless-scroll --save。

安装完成后，在需要使用的组件中引入vue-seamless-scroll，可以使用import语句进行引入，例如：import vueSeamlessScroll from "vue-seamless-scroll";。然后在组件的components属性中注册vueSeamlessScroll组件，例如：components: { vueSeamlessScroll }。

在模板中，使用<vue-seamless-scroll>标签来包裹需要无缝滚动的内容。可以通过:data属性传入要滚动的数据，通过:class-option属性配置滚动的参数和选项。例如：<vue-seamless-scroll :data="listData" class="wp-1 hp-1" :class-option="classOption">...</vue-seamless-scroll>。

在Vue实例中，可以通过data()方法来配置要滚动的数据，例如：data(){ return { listData: [] } }。同时，可以通过computed属性中的classOption来配置滚动的选项。例如：computed: { classOption() { return { step: 0.6, limitMoveNum: 10, hoverStop: true, direction: 1, openWatch: true, singleHeight: 0, singleWidth: 0, waitTime: 1000 }; }, }。

以上是在Vue 3中使用vue-seamless-scroll的基本步骤和配置方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>