如何聆聽VueJS組件中的窗口滾動事件？

Question

我想聽我的Vue組件中的窗口滾動事件。以下是我試過到目前爲止：

<my-component v-on:scroll="scrollFunction"> 
    ... 
</my-component> 

隨着scrollFunction(event)在我的組件的方法來定義，但它似乎並沒有工作。

任何人有任何想法如何做到這一點？

謝謝！

Answer 1

其實我找到了解決方案。創建組件時，我在scroll事件中添加事件偵聽器。另外，確保在組件被銷燬時移除事件監聽器。

export default { 
    methods: { 
    handleScroll (event) { 
     // Any code to be executed 
     // when the window is scrolled 
    } 
    }, 
    created() { 
    window.addEventListener('scroll', this.handleScroll); 
    }, 
    destroyed() { 
    window.removeEventListener('scroll', this.handleScroll); 
    } 
} 

希望這有助於！