nuxt $router跳转传参
时间: 2023-09-11 15:03:59 浏览: 125
Nuxt框架的路由跳转及传参
在 Nuxt.js 中,我们可以使用 `$router` 对象来进行路由跳转和传递参数。
假设我们要跳转到一个名为 `post` 的路由,并且需要传递一个名为 `id` 的参数,我们可以这样写:
```javascript
this.$router.push({ path: '/post', query: { id: postId }})
```
其中,`path` 表示路由路径,`query` 是一个对象,表示要传递的参数。在这个例子中,我们传递了一个名为 `id` 的参数,它的值是变量 `postId`。
在目标路由组件中,我们可以通过 `$route.query` 来获取传递的参数:
```javascript
export default {
mounted() {
const id = this.$route.query.id
// do something with id
}
}
```
注意,如果要在 `$route` 中获取动态路由参数,可以使用 `$route.params`。例如,如果我们的路由路径是 `/post/:id`,那么就可以这样获取参数:
```javascript
const id = this.$route.params.id
```
阅读全文