vueでwindowを使うとエラーになる - Qiita

vueでwindowを使うとエラーになる - Qiita

<script> export default { computed: { windowSize: () => { return { x: window.innerWidth, y: windo...概要を表示 <script> export default { computed: { windowSize: () => { return { x: window.innerWidth, y: window.innerHeight } } } } </script> window is not defined 原因 コンポーネントのライフサイクルが関係しており、適切な場所でwindowを使わなければならない ライフサイクル 解決策 mountedでwindowSizeをセットするように実行 <script> export default { data: () => ({ windowSize: { x: 0, y: 0 } }), mounted () { this.onResize() }, methods: { onResize () { this.windowSize = { x: windo