如果你在vuejs或nuxtjs中使用post方式将数据发送到另一个路由,
假设路由名称为/user,
那么你需要编写下面的nuxt-link:
```html
Link Text
```
<nuxt-link :to="{ name: 'user', params: { userId: 123 }}">User</nuxt-link>
同时,在接收下一个组件的数据方面,这意味着您必须在 "/user" 路由内部编写代码并检查控制台。
created() {
console.log(this.$route.params)
console.log(this.$route.params.userId)
console.log(this.$nuxt._route.params)
console.log(this.$nuxt._route.params.userId)
}
========================================================
如果您使用Get方式在vuejs或nuxtjs中向另一个路由发送数据,假如路由名称为/ register,则需要编写以下nuxt-link:
<nuxt-link :to="{ path: 'register', query: { plan: 'private' }}">Register</nuxt-link>
并且为了接收下一个组件的数据,在 "/register" 路由中,您需要在 "created" 或任何其他位置编写并检查控制台。
created() {
console.log(this.$route.query)
console.log(this.$route.query.plan)
console.log(this.$nuxt._route.query)
console.log(this.$nuxt._route.query.plan)
}
现在,您可以像数据、挂载、方法等一样在任何地方使用此数据……
如何定义路由名称????
将以下代码添加到“nuxt.config.js”文件中以添加路由名称。
router: {
base: '/',
extendRoutes(routes, resolve) {
routes.push({
name: 'user',
path: '/user',
component: resolve(__dirname, 'pages/user.vue')
})
}
},
在这里,
- 名称属性是您要提供为路由名称的路由名称。
- 在路径属性中,您必须提供路由路径。
- 组件属性是需要加载到此路由中的该组件的组件路径。