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

Question

我正在尝试将数据传递到nuxt-link，但是单击链接时nuxt-link只是返回404错误。它似乎没有获取并加载文件。

第二个使用：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>

如上所示，这将以$ route.params的形式在$ route对象的下一页提供给您的下一页。