最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。

问题

今天想在vue的项目里面用下拉加载，然后就直接写了:

但是我发现我切换路由以后依旧其他页面也触发了scrollHandler函数，然后我想到使用了vue-router做的spa项目，window对象不变的，所以需要在每次使用后销毁。

解决办法

我回去看了下vue文档的生命周期，看到了destroyed，然后直接在这个周期内销毁就可以了。

使用throttle出现的新问题

下拉加载一般需要配合throttle限流函数(原理可以看这里)来避免频繁触发，所以优化代码成这样：

然后发现没法用removeEventListener了，因为这个函数第二个参数不接受匿名函数。

最后代码

用一个变量中转下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue监听scroll  # vue.js  # 监听scroll  # vue  # scroll  # vue使用@scroll监听滚动事件时  # @scroll无效问题的解决方法详解  # 使用vue.js在页面内组件监听scroll事件的方法  # vue监听滚动事件的方法  # vue中监听scroll事件失效的问题及解决  # 的人  # 加载  # 看了  # 在这个  # 第二个  # 写了  # 解决办法  # 不接受  # 大家多多  # 就可以  # 看到了  # 文档  # 使用了  # 我发现  # 没法用  # 然后就  # style  # text  # strong 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 浅谈javascript alert和confirm的美化  JS经典正则表达式笔试题汇总  如何在云主机快速搭建网站站点？  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Laravel如何处理表单验证？（Requests代码示例）  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  Laravel如何为API编写文档_Laravel API文档生成与维护方法  Laravel如何处理文件下载请求？（Response示例）  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  晋江文学城电脑版官网 晋江文学城网页版直接进入  标题：Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  微信小程序 五星评分(包括半颗星评分)实例代码  网站制作免费,什么网站能看正片电影？  浅谈redis在项目中的应用  如何确认建站备案号应放置的具体位置？  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  移动端脚本框架Hammer.js  php485函数参数是什么意思_php485各参数详细说明【介绍】  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  如何快速重置建站主机并恢复默认配置？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  Laravel如何配置Horizon来管理队列？（安装和使用）  如何破解联通资金短缺导致的基站建设难题？  Laravel怎么实现验证码(Captcha)功能  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel如何实现数据库事务？（DB Facade示例）  Laravel怎么判断请求类型_Laravel Request isMethod用法  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  如何在橙子建站中快速调整背景颜色？  如何快速生成凡客建站的专业级图册？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  JS碰撞运动实现方法详解  如何快速搭建高效WAP手机网站吸引移动用户？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  Java解压缩zip - 解压缩多个文件或文件夹实例  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  EditPlus中的正则表达式 实战(2)  Laravel如何使用Collections进行数据处理？（实用方法示例）  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  Laravel中的Facade(门面)到底是什么原理