$router.push() 参数

$router.push()方法可以通过三种方式传递参数。第一种是通过path来传参，即直接在$router.push()方法中指定目标路由的路径，并在路径中携带参数。例如：$router.push('/pushAdd/123')。在目标组件中，可以通过this.$route.params来获取参数，如this.$route.params.id获取id参数。

第二种方式是通过query来传参。在$router.push()方法中，可以使用query参数来传递数据。例如：$router.push({ path: '/pushAdd', query: { id: '123' } })。在目标组件中，可以通过this.$route.query来获取参数，如this.$route.query.id获取id参数。

最后一种方式是通过动态路由配置来传参。在路由配置中定义带有参数的路由，例如：{ path: '/pushAdd/:id', component: () => import('@/views/$routePush/add') }。在$router.push()方法中，可以使用params参数来传递参数，例如：$router.push({ path: '/pushAdd/123' })。在目标组件中，可以通过this.$route.params来获取参数，如this.$route.params.id获取id参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue路由$router.push()的三种传参方式](https://blog.csdn.net/qq_41206305/article/details/121494328)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]