滑轮滑动横向滚动

1. 设置父元素

   .scroll-box{
       width: 1000px;
       overflow-x: scroll;
   }
   

2. 添加鼠标滑轮监听事件

   <div ref="scrollBox" @mousewheel="handleScroll" class="scroll-box">
       <div>你的内容</div>
   </div>
   

3. 滑动函数

   handleScroll(e) {
       var scrollNum = this.$refs.scrollBox;
       //deltaY属性在向下滚动时返回正值，向上滚动时返回负值，否则为0
       scrollNum.scrollLeft = scrollNum.scrollLeft + e.deltaY;
   },