关于 vue 的 this.$router.push、replace、go 的区别

关于 vue 的 this.$router.push、replace、go 的区别

• this.$router.push
  说明：跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面、

代码演示：

this.$router.push('/index')
this.$router.push({path:'/index'})
this.$router.push({path:'/index', query:{name:'wendy'}})
this.$router.push({name:'index', params:{name:'wendy'}})

• this.$router.replace
  说明：跳转到指定URL，替换history栈中最后一个记录，点击后退会返回至上上一个页面

代码演示：

this.$router.replace('/index')
this.$router.replace({path:'/index'})
this.$router.replace({path:'/index', query:{name:'wendy'}})
this.$router.replace({name:'index', params:{name:'wendy'}})

• this.$router.go(n)
  说明：向前或向后跳转n个页面，n为正数表示向后跳转，n为负数表示向前跳转

代码演示：

this.$router.go(1)
this.$router.go(-1)

转载于：https://www.cnblogs.com/corgisyj/p/11352862.html