使用vue-seamless-scroll 无法滚动是怎么回事？

Question

我之前使用vue-seamless-scroll插件都是正常的，最近突然发现不能滚动了，但是插件在页面是有渲染dom,找了好久没有找到原因，请大神指点下！

引用：import vueSeamlessScroll from 'vue-seamless-scroll'

html:

 <vueSeamlessScroll :data="listData" :class-option="defaultOption" class="seamless-warp">
            <ul class="item">
              <li v-for="(item, index) in listData" :key='index'>
                <span class="title">{{$t('cs1111')}}：</span><span class="date">{{item}}</span>
              </li>
            </ul>
          </vueSeamlessScroll>     

配置：

computed: {
    // 公告滚动自定义
    defaultOption () {
      return {
        step: 1, // 数值越大速度滚动越快
        limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
        hoverStop: false, // 是否开启鼠标悬停stop
        direction: 0, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
      }
    }
  },

Answer 1

看不出有什么问题，控制台有没有报错呢？

Answer 2

//global
import Vue from 'vue'
import scroll from 'vue-seamless-scroll' 
Vue.use(scroll) 
//引入
import vueSeamlessScroll from 'vue-seamless-scroll'
components: {
    vueSeamlessScroll
}

以上步骤都有是么?

Answer 3

您好，方便说一下 不滚动的原因吗？ 我也遇到这个问题了

Answer 4

listData 数据放多点试试. 太少了, 不滚动.