本文實例為大家分享了Vue組件實現(xiàn)觸底判斷的具體代碼，供大家參考，具體內(nèi)容如下

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了望謨免費建站歡迎大家使用！

非常簡陋的代碼，以后有空回來完善

子組件代碼：

document.documentElement.scrollTop + document.documentElement.clientHeight >= document.body.scrollHeightb表示已經(jīng)到頁面底部了，那么就觸發(fā)函數(shù)onBottom，函數(shù)onBottom是父組件傳遞過來的用于回調(diào)的函數(shù) 

父組件代碼：

把子組件scroll放在父組件的底部（切記，不然函數(shù)不起作用），用作觸底判斷。

父子傳值也可以傳遞data里面的函數(shù)。這里我的回調(diào)函數(shù)里面進行的操作是到底部后console出bottom

效果：

可以看到觸發(fā)頻次比較高，其實子組件里面應(yīng)該加一個函數(shù)節(jié)流函數(shù)，限制觸發(fā)頻率。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。