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