this.$router.back()、this.$router.go(-1)的区别使用
时间: 2023-08-21 12:06:20 浏览: 262
`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和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是用来获取当前路由信息的。
vue this.$router
在Vue中,this.$router是Vue Router的实例对象,可以用来访问和操作路由。它提供了一些方法和属性,例如:
1. this.$router.push(location):跳转到指定的路由。
2. this.$router.replace(location):跳转到指定的路由,但是不会生成新的历史记录。
3. this.$router.go(n):在浏览器历史记录中向前或向后移动n个步骤。
4. this.$router.back():后退一页。
5. this.$router.forward():前进一页。
6. this.$router.currentRoute:当前路由的信息对象。
阅读全文