this.$router.go()和this.$router.push()的区别

this.router.go()和this.router.go()和this.$router.replace的差别

this.$router.go(val) 介绍:

在history记录中前进或者后退val步,

 - 当val为-1时回到上一页。
 - 当val为0时刷新当前页面。
 - 当val为1到下一页。
this.$router.go(1)    //类似history.forward()
 
this.$router.go(-1)   //类似history.back()

this.$router.push(path) 介绍:

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

举例:

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

this.$router.replace介绍:

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

this.$router.replace(path);

你可能感兴趣的:(vue)