一、this.$router.push
说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面
this.
r
o
u
t
e
r
.
p
u
s
h
(
′
/
i
n
d
e
x
′
)
t
h
i
s
.
router.push('/index') this.
router.push(′/index′)this.router.push({path:’/index’})
this.
r
o
u
t
e
r
.
p
u
s
h
(
p
a
t
h
:
′
/
i
n
d
e
x
′
,
q
u
e
r
y
:
n
a
m
e
:
′
12
3
′
)
t
h
i
s
.
router.push({path:'/index',query:{name: '123'}}) 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()