Complete "Client Side Routing"

2025-04-03 21:12:18 +02:00
parent 1c2fdc1a66
commit e24b12ecd8
3 changed files with 94 additions and 4 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -24,14 +24,16 @@
      <nav>
        <ul>
          <li>
-            <a href="/contacts/1">Your Name</a>
+            <NuxtLink :to="{name: 'contacts-contactId', params: {contactId: 1}}">Your Name</NuxtLink>
          </li>
          <li>
-            <a href="/contacts/2">Your Friend</a>
+            <NuxtLink :to="{name: 'contacts-contactId', params: {contactId: 2}}">Your Friend</NuxtLink>
          </li>
        </ul>
      </nav>
    </div>
-    <slot/>
+    <div id="detail">
+      <slot/>
+    </div>
  </div>
-</template>
+</template>