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

我试图将数据传递到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>

numxt视图菜单
导出默认值{
布局：“默认”，
数据（）{
返回{
文件路径：“files/officialMenu.pdf”
}
}
}

---

Nuxt和Vue.js的新增功能。谢谢

Nuxt通过阅读vue路由器文档使用vue路由器，您将能够实现您想要的

下面的例子

<!-- 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对象中作为$route.params或如上所示的url查询中提供给您的下一页。

如果您使用post方式在vuejs或nuxtjs中通过另一条路由发送数据。 这里，如果路由名称为=/user 因此，您必须编写以下nuxt链接

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

<nuxt-link :to="{ path: 'register', query: { plan: 'private' }}">Register</nuxt-link>

======================================================== 如果使用Get way发送数据，请使用vuejs或nuxtjs中的另一个路由。 这里，如果路由名称为=/register 因此，您必须编写以下nuxt链接

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

<nuxt-link :to="{ path: 'register', query: { plan: 'private' }}">Register</nuxt-link>

现在，您可以在任何地方使用这些数据，如数据、挂载、方法等。。。 如何定义路由名称

在“nuxt.config.js”文件中添加以下代码以添加路由名称

    router: {
        base: '/',
        extendRoutes(routes, resolve) {
          routes.push({
            name: 'user',
            path: '/user',
            component: resolve(__dirname, 'pages/user.vue')
          })
        }
      },

这里,

Name属性是要作为路由名称提供的路由的名称

在路径属性中，必须提供路由路径

Component属性是需要在此路由中加载的组件的组件路径

---

我不相信是这样的。。。我正在尝试将文件路径传递到nuxt链接。。。文档中没有提供将静态资产路径传递到URL的方法。在这种情况下，您可以使用第二个和第三个路径。因为当我们使用nuxt链接或路由器链接时，它应该是在您定义的路由中可以到达的。