routerlink to 鞋带参数

在使用router-link标签进行路由跳转时，可以通过query参数来传递参数。你可以在:to属性中指定要跳转的路径，例如path:'/resourceInfo'，然后在query中以键值对的方式添加要传递的参数。例如，如果要传递resourceId参数，可以这样写：<router-link :to="{path:'/resourceInfo',query:{resourceId:o.resourceId}}"> //里面写你包裹的元素 </router-link>。在接收参数的页面，你可以通过this.$route.query来获取传递的参数。例如，在created()生命周期钩子中可以使用this.resourceId = this.$route.query.resourceId来获取resourceId参数的值。\[1\]

在Angular中，使用routerLink属性进行路由跳转时，可以通过queryParams参数来传递参数。例如，如果要传递id参数，可以这样写：<a \[routerLink\]="\['/product'\]" \[queryParams\]="{id:1}">详情</a>。在接收参数的组件中，可以通过ActivatedRoute来获取参数的值。例如，在ngOnInit()生命周期钩子中，可以使用this.routeInfo.snapshot.params\['id'\]来获取id参数的值。另外，也可以使用this.routeInfo.params.subscribe()方法来订阅参数的变化，并在回调函数中获取参数的值。\[2\]\[3\]
#### 引用[.reference_title]
- *1* [vue使用router-link跳转时传递参数](https://blog.csdn.net/Yanzudada/article/details/105978653)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Angualr routerLink 两种传参方法及参数的使用](https://blog.csdn.net/qq_29483485/article/details/81513013)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]