vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法
更新時間：2018年09月15日 14:31:48 作者：積累jiuduo
今天小編就為大家分享一篇vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
this.$nextTick(() => {
const el = document.querySelector('.act-not');
const offsetHeight = el.offsetHeight;
el.onscroll = () => {
const scrollTop = el.scrollTop;
const scrollHeight = el.scrollHeight;
if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
// 需要執(zhí)行的代碼
}
};
});
坑：在做滾動加載分頁時候，有時候第三方的彈窗如elementui 會出問題 ，這時候需要watch變量彈窗關閉時修改el.scrollTop=0即可。
以上這篇vue 監(jiān)聽某個div垂直滾動條下拉到底部的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue后臺返回base64圖片無法顯示的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue中v-for和v-if不能在同一個標簽使用的最新解決方案
這篇文章主要介紹了vue中v-for和v-if不能在同一個標簽的最新解決方案,這里描述了兩種解決方案，結合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了Vue父子組件傳值以及父調子方法、子調父方法，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
vue3使用別名報錯問題的解決辦法(vetur插件報錯問題)
最近在寫一個購物網站使用vue,使用中遇到了問題,下面這篇文章主要給大家介紹了關于vue3使用別名報錯問題的解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要為大家介紹了Vue中的匿名插槽與具名插槽，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
本文主要介紹了Vuex 命名空間 namespaced的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-03-03
下面小編就為大家分享一篇vue組件傳遞對象中實現單向綁定的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue3?+?async-validator實現表單驗證的示例代碼
表單驗證可以有效的過濾不合格的數據，減少服務器的開銷，并提升用戶的使用體驗，今天我們使用?vue3?來做一個表單驗證的例子，需要的朋友跟隨小編一起學習下吧2022-06-06
這篇文章主要介紹了vue移動端寫的拖拽功能，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了vue?elementUI?處理文件批量上傳方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04