nuxt.js - 如何正确使用动态路由？

Question

使用 Nuxt 3，我阅读了非常糟糕的官方文档：https ://v3.nuxtjs.org/docs/directory-structure/pages/#dynamic-routes

但我不明白如何让它在动态路由中正常工作。

我有我的产品组件：

pages
|___product
    |___[slug].vue

我想轻松链接到 [slug] 组件，查看 Vue Router 文档，我这样做了：

<NuxtLink :to="{path: `/product/${product.seo.slug}`, component: Product}" class="product-listing">
  .....
</NuxtLink>

它可以工作，但它会重新加载整个页面。
我错过了什么 ？

Answer 1

你可以这样做：

<NuxtLink :to="`/product/${product.seo.slug}`" class="product-listing">" 
    ...
</NuxtLink>