VueJSコンポーネントのウィンドウスクロールイベントを聴くには？

Question

私のVueコンポーネントのウィンドウスクロールイベントを聴きたいです。ここで私はこれまで試したものです：scrollFunction(event)で

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

は私のコンポーネントのメソッドで定義されているが、動作するようには思えません。

誰でもどのようにこれを行う考えですか？

ありがとうございます！

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); 
    } 
} 

これが役に立ちます。