Merge pull request #19 from kotodu/dev

リンクについての重大ミスの修正
kotodu · Aug 16, 2020 · 5905def · 5905def
2 parents e43eb26 + 6c223e5
commit 5905def
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 24 deletions.
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
@@ -16,54 +16,54 @@
         <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav">
             <li class="nav-item mx-2">
-                <a
+                <router-link
                 class="nav-link active"
-                href="/"
+                to="/"
                 v-if="$route.path==='/'"
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link1"/>
-                </a>
-                <a
+                </router-link>
+                <router-link
                 class="nav-link"
-                href="/"
+                to="/"
                 v-else
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link1"/>
-                </a>
+                </router-link>
             </li>
             <li class="nav-item mx-2">
-                <a class="nav-link active"
-                href="/about"
+                <router-link class="nav-link active"
+                to="/about"
                 v-if="$route.path==='/about'"
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link2"/>
-                </a>
-                <a class="nav-link"
-                href="/about"
+                </router-link>
+                <router-link class="nav-link"
+                to="/about"
                 v-else
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link2"/>
-                </a>
+                </router-link>
             </li>
             <li class="nav-item mx-2">
-                <a class="nav-link active"
-                href="/works"
+                <router-link class="nav-link active"
+                to="/works"
                 v-if="$route.path==='/works'"
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link3"/>
-                </a>
-                <a class="nav-link"
-                href="/works"
+                </router-link>
+                <router-link class="nav-link"
+                to="/works"
                 v-else
                 >
                     <span class="d-lg-none font-weight-bold"> > </span>
                     <span v-text="linksText.link3"/>
-                </a>
+                </router-link>
             </li>
             </ul>
         </div>

diff --git a/src/views/About.vue b/src/views/About.vue
@@ -15,16 +15,16 @@
                 />
 
                 <!-- worksへのボタン -->
-                <a
-                href="/works"
+                <router-link
+                to="/works"
                 class="text-decoration-none">
                     <button
                     type="button"
                     class="btn btn-dark btn-lg px-5 my-3"
                     >
                         制作実績
                     </button>
-                </a>
+                </router-link>
             </section>
 
             <!-- スキル紹介セクション -->

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -3,16 +3,16 @@
         <home-header/>
         <!-- aboutへのボタン -->
         <section class="text-center">
-            <a
-            href="/about"
+            <router-link
+            to="/about"
             class="text-decoration-none">
                 <button
                 type="button"
                 class="btn btn-dark btn-lg px-5"
                 >
                     ことづについて
                 </button>
-            </a>
+            </router-link>
         </section>
 
         <!-- SNSリスト -->