Vue中@scroll监听滚动无效，如何解决？

本文共计979个文字，预计阅读时间需要4分钟。

原文示例：本文字例讲述了Vue中使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给广大读者，供大家参考，具体如下：

在网络上看到一些关于Vue中监听滚动条滚动事件的示例，使用document.addEvent方法。

本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下：

在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEventListener('scroll',function(){})

我是在做滚动条滑到底部时，自动加载更多的时候有这个需求。

我认为使用document.addEventListener会破坏vue的统一性，对我这种有轻微代码强迫症的人来说，让我感觉很不爽。而且这种做法，会让你更加难以判断是否滑动到底部了，特别是当你并不是整页滚动，而是页面中拥有一个fixed固定的头部时。