在Vue中監聽頁面滾動事件,可以通過在mounted
鉤子函數中添加滾動事件監聽器。具體步驟如下:
在Vue組件中添加一個監聽滾動事件的方法,例如handleScroll
。
在mounted
鉤子函數中,使用addEventListener
方法監聽滾動事件,并傳入滾動事件處理函數handleScroll
。
在beforeDestroy
鉤子函數中,使用removeEventListener
方法移除滾動事件監聽器。
示例代碼如下:
<template>
<div>
<!-- 頁面內容 -->
</div>
</template>
<script>
export default {
mounted() {
window.addEventListener('scroll', this.handleScroll);
},
beforeDestroy() {
window.removeEventListener('scroll', this.handleScroll);
},
methods: {
handleScroll() {
// 處理滾動事件
}
}
}
</script>
在handleScroll
方法中,你可以編寫你需要執行的滾動事件處理邏輯。