一、情景说明
我们在用浏览器访问网站的时候
知道浏览器会记录访问的历史路径,从而,可以退回到之前的页面
那么,Vue
项目中的路由组件,通过router-link
跳转,也是可以退回的
这里,我们用replace
来屏蔽退回的router-link
让回退按钮,无法返回到上一次访问到router-link
跳转的组件
浏览器的历史记录有两种写入方式:
分别为push
和replace
push
是追加历史记录
replace
是替换当前记录。
路由跳转时候默认为push
二、案例
开启replace
模式:给router-link
添加replace
属性即可
html
<router-link replace class="list-group-item" active-class="active" to="/about">About</router-link>