$router.back() 与$router.go(-1)
时间: 2023-08-30 16:11:36 浏览: 78
这两个代码的作用都是返回上一个页面,但是具体实现方式略有不同。
- `$router.back()` 是 Vue Router 提供的方法,作用是返回上一个页面,类似于浏览器的后退按钮。如果浏览器的历史记录中没有上一个页面,则该方法无效。
- `$router.go(-1)` 也是 Vue Router 提供的方法,作用是返回上一个页面,但是它通过指定历史记录的相对位置实现,可以在浏览器历史记录中向前或向后移动。如果历史记录中没有上一个页面,则该方法会返回到当前页面。
因此,在大多数情况下,这两个方法的作用是相同的,但是如果你想要更细致地控制浏览器历史记录,可以使用 `$router.go()` 方法。
相关问题
this.$router.back()、this.$router.go(-1)的区别使用
`this.$router.back()` 和 `this.$router.go(-1)` 都可以返回上一个页面,但是它们的使用场景稍有不同。
`this.$router.back()` 是 Vue Router 提供的方法,用于返回上一个访问的页面。它会返回到浏览器的历史记录中最近的一个页面。如果当前页面是从其他页面跳转过来的,那么返回的就是上一个页面。如果当前页面是用户手动输入 URL 进入的,那么返回的就是浏览器中的上一个历史记录。
而 `this.$router.go(-1)` 则是通过跳转到指定的页面来实现返回上一个页面的效果。`go()` 方法接收一个整数参数,该参数表示要前进或后退的步数。如果参数为正数,表示前进;如果参数为负数,表示后退。而 `-1` 表示后退一步,即返回上一个页面。
综上所述,如果你想要返回上一个页面,可以使用 `this.$router.back()`,但如果你需要返回上上个页面或者更多步,就应该使用 `this.$router.go(-n)`。
this.$router.back
在Vue中,`this.$router.back()`是一个用于返回上一个页面的方法。它会导致页面回退,并保留原页面中的表单数据。同时,它也可以在返回页面时传递参数。 与之相比,`this.$router.go(-1)`也可以实现返回上一个页面的功能,但是它会清空原页面的表单数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [router route $router $route 这四者的区别](https://blog.csdn.net/ll123456789_/article/details/128390752)[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.back()、this.$router.go()的异同](https://blog.csdn.net/COCOLI_BK/article/details/125008955)[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 ]