vue監聽scroll的坑

最近開始用vue寫個小項目，踩了很多坑，這裏記錄下爬坑過程，給有一樣經歷的人幫助。

問題

今天想在vue的項目裏面用下拉加載，而後就直接寫了:

可是我發現我切換路由之後依舊其餘頁面也觸發了scrollHandler函數，而後我想到使用了vue-router作的spa項目，window對象不變的，因此須要在每次使用後銷燬。

解決辦法

我回去看了下vue文檔的生命週期，看到了destroyed，而後直接在這個週期內銷燬就能夠了。

使用throttle出現的新問題

下拉加載通常須要配合throttle限流函數(原理能夠看這裏)來避免頻繁觸發，因此優化代碼成這樣：

而後發現無法用removeEventListener了，由於這個函數第二個參數不接受匿名函數。

最後代碼

用一個變量中轉下