vue 鼠标滚轮上下滑动时div左右滑动

<template>

<div ref="scrollContainer" @mousewheel="MouseWheel"></div>

</template>

 

对应的MouseWheel方法

MouseWheel(e){

      let eventDelta = -e.wheelDelta || -e.deltaY * 40;

      let $scrollWrapper = this.$refs.scrollContainer

      // console.log($scrollWrapper.scrollLeft)

      // 0到scrollLeft为滚动区域隐藏部分

      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4;

    }