如何将数据设置为nuxt.js下一个链接？

Question

我试图将数据传递到nuxt-link，但是当点击链接时，nuxt-link只是返回一个404错误。它似乎并没有得到好和加载文件....

使用第二个2个链接：href和硬编码工作

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

新建Nuxt和Vue.js.谢谢！

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查询由上述可见。