本篇文章為大家展示了vue中怎么監(jiān)聽(tīng)scroll方法，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比平魯網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式平魯網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋平魯?shù)貐^(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。

問(wèn)題

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

但是我發(fā)現(xiàn)我切換路由以后依舊其他頁(yè)面也觸發(fā)了scrollHandler函數(shù)，然后我想到使用了vue-router做的spa項(xiàng)目，window對(duì)象不變的，所以需要在每次使用后銷(xiāo)毀。

解決辦法

我回去看了下vue文檔的生命周期，看到了destroyed，然后直接在這個(gè)周期內(nèi)銷(xiāo)毀就可以了。

使用throttle出現(xiàn)的新問(wèn)題

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

然后發(fā)現(xiàn)沒(méi)法用removeEventListener了，因?yàn)檫@個(gè)函數(shù)第二個(gè)參數(shù)不接受匿名函數(shù)。

最后代碼

用一個(gè)變量中轉(zhuǎn)下

上述內(nèi)容就是vue中怎么監(jiān)聽(tīng)scroll方法，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。