使用插件vue-seamless-scroll 完成内容持续动态

最新推荐文章于 2026-03-10 04:19:51 发布

原创

最新推荐文章于 2026-03-10 04:19:51 发布 · 889 阅读

标签

#vue.js #前端 #javascript

收录于

本文介绍了如何在Vue项目中安装并使用vue-seamless-scroll插件，包括npm安装、组件导入、页面内嵌入和配置参数等步骤。

1、安装插件

npm install vue-seamless-scroll --save

2、项目中引入

 //单独引入
  import vueSeamlessScroll from 'vue-seamless-scroll'
  export default {
    components: { 
      vueSeamlessScroll
    },
  }
  
  //或者在main.js引入
  import scroll from 'vue-seamless-scroll'
  Vue.use(scroll)

3、页面使用

   <vue-seamless-scroll :data="tableList" :speed="60" :class-option="Option" style="height: 100%;overflow: hidden;">
            <ul  slot="default" class="scroll-list" v-for="(item, index) in tableList" :key="index" @click="handlePoliceClick(item)">
            <li>
              <img src="../../../assets/dataIcon/list.png" alt="">
              <span style="margin-left:15px;">{
  
  { item.pushTypeName }}</span>