Merge pull request #139 from Kyutech-C3/develop

[fix] スマホでページ表示後のヘッダーコンテンツのスタイル崩れが発生するバグの修正
Kyutech-C3 · Dec 15, 2022 · 936e4d4 · 936e4d4
2 parents b8dcc56 + bf5bc53
commit 936e4d4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/Header.vue b/components/Header.vue
@@ -205,10 +205,13 @@ export default {
   },
   mounted() {
     this.initHeaderHeight()
+    this.handleResize()
     window.addEventListener('resize', this.handleResize)
+    window.addEventListener('resize', this.initHeaderHeight)
   },
   beforeDestroy() {
     window.removeEventListener('resize', this.handleResize)
+    window.removeEventListener('resize', this.initHeaderHeight)
   },
   methods: {
     initHeaderHeight() {
@@ -228,7 +231,6 @@ export default {
       this.$emit('masked-screen')
     },
     handleResize() {
-      this.initHeaderHeight()
       this.width = window.innerWidth
       if (this.width < 1000) {
         this.isMobile = true