Comment définir les données dans nuxt.js next-link?

Question

J'essaie de transmettre des données dans nuxt-link mais nuxt-link renvoie juste une erreur 404 quand je clique sur le lien. Il ne semble pas obtenir et charger le fichier ....

Le deuxième 2 liens qui utilisent: href et hardcoding fonctionne

<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> 

Nouveau à Nuxt et Vue.js. Merci!

Answer 1

Nuxt utilise la vue-routeur en lisant la documentation vue-routeur, vous serez en mesure de réaliser ce que vous voulez.

router-link documentation

Exemple ci-dessous

<!-- 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> 

Ce sera disponible à votre page suivante $ route objet comme $ route.params ou dans la requête URL comme vu ci-dessus.