業務でVuetifyを使っているのですが、 v-resizeディレクティブというウィンドウサイズが変化した時に任意のメソッドを実行するという便利なものがありました。 v-resize しかし、Vuetifyはそれなりに重いのでv-resizeのためだけに入れるのはアホらしい。 Vuetifyを入れずに同じような処理を書けないかを調べてみた。 単一ファイルコンポーネントで実装する場合windowがresizeした時にmethodを発火するようにマウント時にイベントリスナーを追加する。 export default { methods: { onResize() { console.log("resizeされました") } }, mounted() { window.addEventListener('resize', this.onResize) }, beforeDestroy() { w
![画面リサイズ時に任意のmethodを実行する - DASHI LAB](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ce6a5d115050fa06f7b678ba0142e1478d83ee7/height=288;version=1;width=512/https%3A%2F%2Fdashi296.com%2Fimages%2Fdummy.jpg)