vue 路由跳转如何接参数
时间: 2024-10-12 20:04:09 浏览: 23
Vue页面跳转传递参数及接收方式
5星 · 资源好评率100%
在Vue.js中,路由跳转并传递参数通常通过`this.$router.push`或`this.$router.go`方法以及`params`对象来实现。当你需要向某个路径添加参数时,可以在路径后面加上冒号 `:`,然后跟着参数名,如:
```javascript
// 跳转到 '/users/:userId' 并传递参数
this.$router.push({ name: 'Users', params: { userId: '123'} });
// 或者直接传字符串形式
this.$router.push('/users/456');
// 如果你想动态获取数据后再跳转,可以先定义一个变量
const userId = 789;
this.$router.push(`/users/${userId}`);
```
对于动态路由,还可以使用`route.params`来访问传递的参数:
```javascript
router.beforeEach((to, from, next) => {
console.log(to.params.userId); // 在导航守卫中获取参数值
next();
});
```
阅读全文