this.$router使用params
时间: 2023-10-19 07:34:49 浏览: 91
vue.js this.$router.push获取不到params参数问题
5星 · 资源好评率100%
this.$router 使用 params 参数来向目标页面传递数据。你可以在路由跳转时使用 params 来传递参数,然后在目标页面中通过 this.$route.params 来获取传递的参数值。
下面是一个示例:
1. 在源页面中,使用 this.$router.push 方法跳转到目标页面,并传递参数:
```
this.$router.push({ path: '/target', params: { id: 123 }});
```
2. 在目标页面中,通过 this.$route.params 获取传递的参数值:
```
console.log(this.$route.params.id); // 输出 123
```
请注意,在路由配置中需要配置目标页面的动态路径参数。例如,如果目标页面的路由路径为 "/target/:id",那么在路由配置文件中需要声明动态路径参数:
```
{
path: '/target/:id',
component: TargetComponent
}
```
希望能对你有所帮助!如果还有其他问题,请继续提问。
阅读全文