Vue2:router-link的replace属性

一、情景说明

我们在用浏览器访问网站的时候

知道浏览器会记录访问的历史路径,从而,可以退回到之前的页面

那么,Vue项目中的路由组件,通过router-link跳转,也是可以退回的

这里,我们用replace来屏蔽退回的router-link

让回退按钮,无法返回到上一次访问到router-link跳转的组件

浏览器的历史记录有两种写入方式:

分别为pushreplace
push是追加历史记录
replace是替换当前记录。

路由跳转时候默认为push

二、案例

开启replace模式:给router-link添加replace属性即可

html 复制代码
<router-link replace class="list-group-item" active-class="active" to="/about">About</router-link>
相关推荐
Hilaku20 小时前
就因为package.json里少了个^号,我们公司赔了客户十万块
前端·javascript·npm
晴殇i20 小时前
尤雨溪创立的 VoidZero 完成 1250 万美元 A 轮融资,加速整合前端工具链生态
前端·vue.js
一大树20 小时前
MutationObserver 完整用法指南
前端
一晌小贪欢20 小时前
【Html模板】赛博朋克风格数据分析大屏(已上线-可预览)
前端·数据分析·html·数据看板·看板·电商大屏·大屏看板
墨寒博客栈21 小时前
Linux基础常用命令
java·linux·运维·服务器·前端
野生龟21 小时前
designable和formily实现简单的低代码平台学习
前端
路多辛21 小时前
为什么我要做一个开发者工具箱?聊聊 Kairoa 的诞生
前端·后端
jerryinwuhan21 小时前
理论及算法_时间抽取论文
前端·算法·easyui
秋子aria21 小时前
模块的原理及使用
前端·javascript
菜市口的跳脚长颌21 小时前
一个 Vite 打包配置,引发的问题—— global: 'globalThis'
前端·vue.js·vite