vue-seamless-scroll实现鼠标滚轮手动滑动

要实现vue-seamless-scroll的鼠标滚轮手动滑动，可以使用vue-seamless-scroll提供的API方法。具体步骤如下：

1.在模板中添加ref属性，用于获取vue-seamless-scroll组件的实例对象。

2.在mounted钩子函数中，通过this.$refs获取vue-seamless-scroll组件的实例对象，并调用其$on方法监听mousewheel事件。

3.在mousewheel事件的回调函数中，通过this.$refs获取vue-seamless-scroll组件的实例对象，并调用其scrollBy方法实现手动滑动。

下面是示例代码：

<template>
  <div ref="scrollWrapper">
    <vue-seamless-scroll :list="list" :speed="speed" :step="step" :loop="loop"></vue-seamless-scroll>
  </div>
</template>

<script>
import VueSeamlessScroll from 'vue-seamless-scroll'

export default {
  components: {
    VueSeamlessScroll
  },
  data() {
    return {
      list: [1, 2, 3, 4, 5],
      speed: 30,
      step: 1,
      loop: true
    }
  },
  mounted() {
    const scrollWrapper = this.$refs.scrollWrapper
    const scrollInstance = scrollWrapper.$children[0]

    scrollWrapper.addEventListener('mousewheel', event => {
      event.preventDefault()
      const delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)))
      scrollInstance.scrollBy(delta * 30)
    })
  }
}
</script>