vue带参跳转 获取参数
时间: 2023-07-28 19:21:15 浏览: 46
vue路由跳转传递参数的方式总结
在 Vue 中,可以使用 `$router.push` 方法进行带参跳转,并且可以通过 `$route.params` 获取参数。
例如:
```javascript
// 在 A 页面中跳转到 B 页面,并传递参数 id=1
this.$router.push({ path: '/B', params: { id: 1 } })
// 在 B 页面中获取参数 id
this.$route.params.id
```
其中,`$router.push` 方法中的参数可以是一个对象,也可以是一个字符串,如果是字符串,则会被解析为路由对象,并且可以通过 `this.$route.params` 获取参数。
阅读全文