美文网首页
Vue中this.$router.push、replace、go

Vue中this.$router.push、replace、go

作者: 金刚狼_3e31 | 来源:发表于2020-08-17 11:41 被阅读0次

一、this.$router.push

说明:跳转到指定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栈中最后一个记录,点击后退会返回至上上一个页面

使用:同push

三、this.$router.go(n)

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

使用:
this.$router.go(1) //类似history.forward()

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

相关文章

网友评论

      本文标题:Vue中this.$router.push、replace、go

      本文链接:https://www.haomeiwen.com/subject/gzsmdktx.html