vue监听scroll的坑的解决方法
更新时间：2017年09月07日 09:24:40 作者：weer0026
这篇文章主要介绍了vue监听scroll的坑的解决方法，现在分享给大家，也给大家做个参考，希望给有同样经历的人帮助
最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。
问题
今天想在vue的项目里面用下拉加载，然后就直接写了:
但是我发现我切换路由以后依旧其他页面也触发了scrollHandler函数，然后我想到使用了vue-router做的spa项目，window对象不变的，所以需要在每次使用后销毁。
解决办法
我回去看了下vue文档的生命周期，看到了destroyed，然后直接在这个周期内销毁就可以了。
使用throttle出现的新问题
下拉加载一般需要配合throttle限流函数(原理可以看这里)来避免频繁触发，所以优化代码成这样：
然后发现没法用removeEventListener了，因为这个函数第二个参数不接受匿名函数。
最后代码
用一个变量中转下
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue-cli3 从搭建到优化的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要介绍了React中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-10-10
这篇文章主要介绍了Vue v2.5 调整和更新不完全问题的相关资料,需要的朋友可以参考下2017-10-10
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
这篇文章主要介绍了Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
Vue中灵活拖拽的前端神器VueDraggablePlus的用法详解
这篇文章主要介绍了一款功能强大、灵活易用的前端组件VueDraggablePlus,作为前端工程师,我们经常会遇到需要实现拖拽功能的场景,而VueDraggablePlus正是为了解决这一痛点而诞生的,让我们一起来看看它的特点和用法吧2024-03-03
这篇文章主要介绍了Vue中如何使用方法、计算属性或观察者的相关知识，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2018-10-10
这篇文章主要介绍了vue路由的相关资料，文中讲解非常细致，帮助大家更好的理解和学习vue路由知识，感兴趣的朋友可以了解下2020-08-08
vue2+element ui 中的el-table 选中当前行当前行变色的实现代码
这篇文章主要介绍了vue2+element ui 中的el-table 选中当前行当前行变色的实现代码,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-07-07
Ant Design Vue Pro静态路由如何改为动态路由
这篇文章主要介绍了Ant Design Vue Pro静态路由如何改为动态路由问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本文通过实例代码介绍对el-table表格的表头操作方法,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
最新评论