好资源导航 » 文章资讯 » vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

2023-08-11 19:17:05 75

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

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

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

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

在.vue的组件中