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>
相关推荐
星语卿3 分钟前
Vuetify:构建优雅Vue应用的Material Design组件库
前端·javascript·vue.js
wangbing112513 分钟前
界面规范11-对话框
javascript·vue.js·elementui
roman_日积跬步-终至千里35 分钟前
【系统架构设计(25)】Web应用服务器与现代架构
前端·架构·系统架构
yshhuang38 分钟前
在Windows上搭建开发环境
前端·后端
littleplayer39 分钟前
Redux在iOS中的使用
前端
跟橙姐学代码40 分钟前
Python里的“管家婆”:带你玩转os库的所有神操作
前端·python·ipython
jingling55540 分钟前
uniapp | 快速上手ThorUI组件
前端·笔记·前端框架·uni-app
UrbanJazzerati41 分钟前
可拖拽的进度条组件实战:实现思路与Demo
前端·面试
Cache技术分享44 分钟前
188. Java 异常 - Java 异常处理规范
前端·后端