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

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

原文示例：原文：本文实例讲述了Vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给广大开发者供大家参考，具体如下：在网络上看到了一些Vue中监听滚动条滚动事件的例子，使用document.addEvent方法。

改写后：本文介绍了Vue中利用@scroll监听滚动事件时遇到的无效问题及解决策略。以下是一些参考资料，供大家参考学习：网络上搜索到一些Vue监听滚动事件的示例，涉及使用document.addEvent等方法。

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

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

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

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