vue router.push

在Vue中，router.push是一种用于导航到不同路由的方法。当你点击<router-link>时，router.push方法会在内部调用，所以说，点击<router-link :to="...">等同于调用router.push(...)。这个方法可以以不同的方式使用。

一种方式是声明式的，使用<router-link :to="...">来进行导航。另一种方式是编程式的，使用router.push(...)来进行导航。

在编程式导航中，可以使用this.$router.push({...})来进行跳转。其中，参数可以是字符串、对象或路由命名。如果参数是字符串, 则该字符串应该是目标路由的路径名称。如果参数是对象，可以使用path属性指定目标路由的路径。如果参数是路由命名，可以使用name属性指定目标路由的名称。

此外，可以在导航时传递参数。可以使用params属性来传递参数，将需要传递的参数放在params对象中，例如this.$router.push({name:'Home',params:{user:'david'}})。还可以使用query属性来传递查询参数，例如this.$router.push({path:'/home',query:{user:'david'}})。

在目标页面中接收参数时，可以使用$route对象来获取传递过来的参数。例如，可以使用this.$route.params.user来获取通过params传递的参数，使用this.$route.query.user来获取通过query传递的参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue进阶（二十六）：详解 router.push()](https://blog.csdn.net/sunhuaqiang1/article/details/85220888)[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: 50%"]
- *3* [vue中this.$router.push()路由传值和获取的两种常见方法](https://blog.csdn.net/Vivien_CC/article/details/126880417)[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: 50%"]
[ .reference_list ]