vue动态获取元素距离页面顶部的高度_VUE如何实时监听元素距离顶部高度
生活随笔
收集整理的這篇文章主要介紹了
vue动态获取元素距离页面顶部的高度_VUE如何实时监听元素距离顶部高度
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
VUE如何實時監聽元素距離頂部高度
發布時間：2020-07-30 09:09:43
來源：億速云
閱讀：150
作者：小豬
這篇文章主要講解了VUE如何實時監聽元素距離頂部高度，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
效果圖如下所示
.html
今日熱門 今日熱銷.js
mounted(){
window.addEventListener('scroll',this.handleScrollx,true)
},
methods: {
handleScrollx() {
console.log('滾動高度',window.pageYOffset)
console.log('距離頂部高度',this.$refs.pronbit.getBoundingClientRect().top)
},
}
補充知識：Vue異步更新隊列 及 $nextTick的使用
問題一：什么是$nextTick？
簡單回答：
因為Vue的異步更新隊列，$nextTick是用來知道什么時候DOM更新完成的。
詳細解讀：
我們先來看這樣一個場景：有一個div，默認用 v-if 將它隱藏，點擊一個按鈕后，改變
總結
以上是生活随笔為你收集整理的vue动态获取元素距离页面顶部的高度_VUE如何实时监听元素距离顶部高度的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js如何动态向 fileaddress:
- 下一篇： labelme标注需要精确标注吗_国内需