vue使用echarts中鼠标滚轮失效问题

问题描述：

前端使用echarts绘图时，鼠标在图表中滚动页面经常失效，只有在滚动条或页面空白区域上才能滚动页面。

---

原因分析：

未找到原因 - - ， 找到原因了再更新吧。。。望各位大佬们知道原因的能在评论区留言告诉我，感谢！

---

解决方案：

为整个页面添加事件：

mounted() {
	//firefox
     document.addEventListener("DOMMouseScroll", function (event) {
      if (event.detail> 0) {
        //向上滚动
        document.body.scrollTop -= 50;
      } else{
        //向下滚动
        document.body.scrollTop += 50;
      }
    });
    //其他
    document.addEventListener("mousewheel", function (event) {
      if (event.wheelDelta > 0) {
        //向上滚动
        document.body.scrollTop -= 50;
      } else{
        //向下滚动
        document.body.scrollTop += 50;
      }
    });
 },