this.$router.back()、this.$router.go(-1)的区别使用
时间: 2023-08-21 18:06:20 浏览: 115
`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.replace,this.$router.go(-1)返回不了上一个页面
在使用this.$router.replace和this.$router.go(-1)时,实际上是更改了浏览器的历史记录,使得无法通过浏览器的返回按钮回到上一个页面。
如果想要返回上一个页面可以使用this.$router.back()方法,这个方法可以直接回到上一个路由页面,而不会更改浏览器的历史记录。如果需要传递参数,则可以使用query或params来传递。
此外,如果需要通过代码控制跳转到其他页面,可以使用this.$router.push()方法,它会把新的页面加入到浏览器的历史记录中,可以通过浏览器的返回按钮回到上一个页面。
this.$router和this.$route的区别
在Vue.js中,this.$router和this.$route都是Vue Router的实例对象,但它们的作用不同。
this.$router是Vue Router的路由实例对象,提供了一些导航方法,如push、replace、go、back等,可以用来动态的导航到不同的URL。
this.$route是当前活跃的路由信息对象,包含了当前URL解析出的路由参数、查询参数、hash、路由名称等信息,可以用来获取当前路由的信息。
简单来说,this.$router是用来进行路由导航的,而this.$route是用来获取当前路由信息的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)