router.push 传参数和取值
时间: 2023-07-08 13:41:24 浏览: 74
vue两组件间值传递 $router.push实现方法
在Vue.js中,通过`router.push()`方法可以导航到不同的路由。如果您需要在导航时传递参数,可以使用对象语法,并将参数作为路由对象的`params`属性或`query`属性的值传递。
例如,如果您想要导航到路径为`/example`的路由,并且传递一个名为`id`的参数,可以使用以下代码:
```
router.push({ path: '/example', params: { id: 123 }})
```
或者使用query属性:
```
router.push({ path: '/example', query: { id: 123 }})
```
在目标组件中,可以通过$router对象的$route属性来访问路由参数或查询参数。例如,对于上面的示例,您可以使用以下代码来访问路由参数或查询参数:
```
// 访问路由参数
this.$route.params.id // 123
// 访问查询参数
this.$route.query.id // 123
```
需要注意的是,路由参数和查询参数都是字符串类型,如果需要使用其他类型的参数,需要在传递参数时进行类型转换。
阅读全文