vue监听scroll的坑

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

问题

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

可是我发现我切换路由之后依旧其余页面也触发了scrollHandler函数，而后我想到使用了vue-router作的spa项目，window对象不变的，因此须要在每次使用后销毁。

解决办法

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

使用throttle出现的新问题

下拉加载通常须要配合throttle限流函数(原理能够看这里)来避免频繁触发，因此优化代码成这样：

而后发现无法用removeEventListener了，由于这个函数第二个参数不接受匿名函数。

最后代码

用一个变量中转下