vue監聽scroll的坑的解決方法

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

問題

今天想在vue的項目里面用下拉加載，然后就直接寫了:

但是我發現我切換路由以后依舊其他頁面也觸發了scrollHandler函數，然后我想到使用了vue-router做的spa項目，window對象不變的，所以需要在每次使用后銷毀。

解決辦法

我回去看了下vue文檔的生命周期，看到了destroyed，然后直接在這個周期內銷毀就可以了。

使用throttle出現的新問題

下拉加載一般需要配合throttle限流函數(原理可以看這里)來避免頻繁觸發，所以優化代碼成這樣：

然后發現沒法用removeEventListener了，因為這個函數第二個參數不接受匿名函數。

最后代碼

用一個變量中轉下

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com