vue中使用wow.js动画效果 不生效，鼠标滚动出现空白

 

 vue中怎么用wow.js，我这就不再赘述了，网上帖子一大堆，我只说遇到的问题和解决办法

项目整体情况 vue2+element

先阐述bug现象

wowjs在vue项目中使用有个奇葩的现象，就是只有网页第一屏的动画可以显示，鼠标往下滚动不仅动画没出来，就连原来的html元素也没有显示出来成了一片空白。。。

经过多次实验和翻阅源码明白了其中的道理，

问题出现了node_moduleswowjs/dist/wowjs.js这个源文件里

源代码491-499行如下（具体行数可能有出入），主要是这个函数

WOW.prototype.isVisible = function(box) {
      var bottom, offset, top, viewBottom, viewTop;
      offset = box.getAttribute('data-wow-offset') || this.config.offset;
      viewTop = window.pageYOffset;
      viewBottom = viewTop + Math.min(this.element.clientHeight, this.util().innerHeight()) - offset;
      top = this.offsetTop(box);
      bottom = top + box.clientHeight;
      return top <= viewBottom && bottom >= viewTop;
    };

  viewTop = window