vue-router4 (四) 历史记录处理方法

网页切换之后不想留下原页面历史记录处理方法（比如登陆完之后不想留下登陆页面的历史记录）：

1.使用router-link 标签导航，可在标签中添加replace 属性

<router-link replace to="/reg">Reg</router-link>

2.router.push()方法导航直接改成router.replace()

<button @click="toPage()">reg</button>

const toPage= ()=>{
   router.replace("/reg")   
}

3.router.go()和router.back()

① router.go();前进

参数为数字，可正可负

正：router.go(1);前进1个历史、router.go(2);前进2个历史；

负：router.go(-1);后退1个历史、router.go(-2);后退2个历史；

<button @click="next()" style="margin-right: 20px;">next</button>

const next = ()=>{
    router.go(2)
 }

② router.back();后退

没有参数，只能一步步后退

<button @click="prev()">prev</button>

const prev = ()=>{
    router.back()
}