this.$route.push
时间: 2023-09-30 17:08:07 浏览: 84
Vue this.$router.push(参数)实现页面跳转操作
this.$route.push是Vue Router中的一个方法,用于导航到指定的页面。根据提供的引用内容,我们可以看到几种使用方式:
1. 使用字符串路径进行导航:
- 示例:router.push('home')
- 这将导航到名为'home'的路由页面。
2. 使用对象进行导航:
- 示例:this.$router.push({path: '/login?url='})
- 这将导航到路径为'/login'的路由页面,并可以通过query参数传递额外的信息。
3. 使用命名的路由进行导航:
- 示例:router.push({ name: 'user', params: { userId: 123 }})
- 这将导航到名为'user'的命名路由页面,并可以通过params参数传递参数信息。
4. 在目标页面通过this.$route.query获取参数:
- 示例:this.$router.push({path:"/menLink",query:{alert:"页面跳转成功"}})
- 这将导航到路径为'/menLink'的路由页面,并通过query参数传递额外的信息。在目标页面可以通过this.$route.query来获取传递的参数值。
总而言之,this.$route.push是Vue Router中用于导航的方法,可以通过不同的参数方式进行页面跳转,并传递额外的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [this.$router.push()两种常见用法](https://blog.csdn.net/qq_42552857/article/details/118678031)[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_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文