[解決済み] VueJSコンポーネントでウィンドウスクロールイベントを聞くには？

質問

Vueコンポーネントでウィンドウスクロールイベントをリスニングしたいのですが、どうすればいいですか？以下は、私がこれまでに試したことです。

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

を使用すると scrollFunction(event) をコンポーネントメソッドで定義しているのですが、うまくいかないようです。

どなたか、この方法をご存じですか？

ありがとうございます。

解決方法は？

実は、解決策を見つけました。私は、イベントリスナーを scroll イベントが発生し、コンポーネントが破棄されるとイベントリスナーを削除します。

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

これが役立つといいのですが