vue監(jiān)聽scroll的坑的解決方法
更新時間：2017年09月07日 09:24:40 作者：weer0026
這篇文章主要介紹了vue監(jiān)聽scroll的坑的解決方法，現在分享給大家，也給大家做個參考，希望給有同樣經歷的人幫助
最近開始用vue寫個小項目，踩了不少坑，這里記錄下爬坑過程，給有同樣經歷的人幫助。
問題
今天想在vue的項目里面用下拉加載，然后就直接寫了:
但是我發(fā)現我切換路由以后依舊其他頁面也觸發(fā)了scrollHandler函數，然后我想到使用了vue-router做的spa項目，window對象不變的，所以需要在每次使用后銷毀。
解決辦法
我回去看了下vue文檔的生命周期，看到了destroyed，然后直接在這個周期內銷毀就可以了。
使用throttle出現的新問題
下拉加載一般需要配合throttle限流函數(原理可以看這里)來避免頻繁觸發(fā)，所以優(yōu)化代碼成這樣：
然后發(fā)現沒法用removeEventListener了，因為這個函數第二個參數不接受匿名函數。
最后代碼
用一個變量中轉下
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
今天小編就為大家分享一篇Vue 實現把表單form數據 轉化成json格式的數據，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了vue項目嵌套iframe實現發(fā)送、接收數據，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章給大家介紹了vue組件創(chuàng)建和傳值的方法，創(chuàng)建組件有三種方法，文中給大家介紹的非常詳細，父組件傳值給子組件的方法，給大家介紹的也非常詳細，需要的朋友參考下吧2018-08-08
這篇文章主要介紹了vue實現局部刷新的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了vue 組件高級用法,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了Vue實現監(jiān)聽某個元素滾動,親測有效！具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要為大家詳細介紹了如何利用Vue3實現一個可左右滑動操作組件，文中的示例代碼講解詳細，對我們學習Vue有一定幫助，感興趣的可以學一下2022-11-11
這篇文章主要為大家詳細介紹了vue實現氣泡運動撞擊效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
登錄注冊是最常用的網站功能,本文主要介紹了Element實現登錄+注冊的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-09-09
這篇文章主要為大家詳細介紹了VUE Elemen-ui之穿梭框使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09