this.$router.push、replace、go的区别

this.$router.push

说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面

使用:

1
2
3
4
this.$router.push('/index')
this.$router.push({path: '/index'})
this.$router.push({path: '/index', query: {name: '124'}})
this.$router.push({name: 'index', params: {name: '123'}})

this.$router.replace

说明:跳转到指定URL,替换history栈中最后一个记录,点击后退会返回至上上一个页面

使用:同push

this.$router.go(n)

说明:类似window.history.go(n),向前或向后跳转n个页面,n可正(先后跳转)可负(向前跳转)

使用:

1
2
this.$router.go(1)		 //类似history.forward()
this.$router.go(-1) //类似history.back()