nuxt.js next-linkにデータを設定するには？

Question

データをnuxt-linkに渡そうとしていますが、リンクをクリックするとnuxt-linkは404エラーを返すだけです。これは、使用秒2つのリンク

に....ファイルを取得し、ロードされていないようです：HREFとハードコードはNuxtとVue.js.に新

<h2 class="subtitle"><nuxt-link :to="{path: filePath}" exact>Nuxt View Menu</nuxt-link></h2> 
<h2 class="subtitle"><a :href="filePath">Vue View Menu</a></h2> 
<h2 class="subtitle"><a href="files/officialMenu.pdf">HardCode View Menu</a></h2> 

<script> 
export default { 
    layout: 'default', 
    data() { 
    return { 
     filePath: 'files/officialMenu.pdf' 
    } 
    } 
} 
</script> 

の作品ありがとう！

Answer 1

Nuxtは、vue-routerのドキュメントを読んでvue-routerを使用して、必要なものを実現することができます。

<!-- named route --> 
<nuxt-link :to="{ name: 'user', params: { userId: 123 }}">User</nuxt-link> 

<!-- with query, resulting in `/register?plan=private` --> 
<nuxt-link :to="{ path: 'register', query: { plan: 'private' }}">Register</nuxt-link> 

以下

router-link documentation

例は、これは、上で見たよう$ route.paramsとして$ルートオブジェクトまたはURLクエリであなたの次のページに利用できるようになります。