在vue中,如何禁止回退上一步，路由不存历史记录

在有些情况下，我们不想往路由里添加历史记录。（vue的项目，vue-router中不想存历史记录）

根据vue官网提供的，楼主总结了一下，主要有以下几种方案：

根据官网的解释。声明式路由和编程式路由都是添加新的记录，同时vue还提供了replace来替换路由记录，从而实现路由不存历史记录的情况，以下是楼主总结的几种方法：

声明式路由
编程式
原生js实现
1. 楼主晚上回去看了一下<js高程>，原生实现替换路由，不记录历史记录的方法
2. window.open("http://www.baidu.com.......")；会往路由历史中添加一条记录（还有第二个参数，大家可自几去查看，在dom第7章）
3. window.location.replace("http://www.baidu.com......."); 会替换之前的历史记录，不会添加历史记录

原创不易，自由转载，保留出处

在vue中,如何禁止回退上一步，路由不存历史记录相关推荐

Vue 中定义方法页面上使用
vue中定义方法的格式为什么要这样定义最近在学习前段,特别是HBuildX 我看里面很多方式都是这样使用,所以想强加练习如何引用当然我们的editArticle也可以直接放到js中,如下: 都 ...
在 Vue 中实现 sticky 鼠标上滑显示、下滑隐藏的效果
在 Vue 中实现 sticky 鼠标上滑显示.下滑隐藏的效果首先在需要实现该效果的组件中,创建一个数据属性,例如: isStickyVisible: true,并将其初始值设置为 true. 在组 ...
Ubuntu 系统下 AndroidStudio 工具使用ctrl+z 回退上一步的方法
Ubuntu 系统下使用 AndroidStudio 使用ctrl + z 不是回退上一步的方法 ,是把 as 工具返回home 了如果想使用ctrl + z 实现回退上一步 ,可以把Ubuntu ...
Matlab 如何回退上一步、批量注释以及取消注释
写在这里的初衷,一是备忘,二是希望得到高人指点,三是希望能遇到志同道合的朋友. (今天看到有位博主写的话,感觉很认同) 学习matlab的时候,很多时候想回退到上一步,又找不到对应选项. 想批量注释和 ...
[vue] EventBus注册在全局上时，路由切换时会重复触发事件，如何解决呢？
[vue] EventBus注册在全局上时,路由切换时会重复触发事件,如何解决呢? 建议在created里注册,在beforeDestory移出个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃 ...
Vue中去掉表单对象上前后空格
实现基于关键字搜索,发现查询到的结果集跟预期不匹配,开发者工具查看相应的请求,发现在请求参数前面多了一个空格,之后就是去掉空格了,vue中去空格只要在该表单对象的v-model上加trim属性即可 ...
vue中使用axios post上传头像/图片并实时显示到页面
前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法. html代码: <div id="myPhoto&qu ...
vue中给window对象上添加属性的方法
web页面通讯方法.window.open打开新页面,父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法. 下面是整理的几种通讯得方法仅供参考第一种 // 第一种方 ...
Vue 中实现 excel文件上传功能
场景: 上传excel表,并将excel表中的数据构建成实体 <div class="pull-right" v-if="doc"><el-u ...
Vue中base64 转图片上传
// 拍照获取图片base64 // imgsrc: base64图片资源refreshDataList (imgsrc) {let data = this.baseImg(imgsrc)consol ...

在vue中,如何禁止回退上一步，路由不存历史记录

原创不易，自由转载，保留出处

在vue中,如何禁止回退上一步，路由不存历史记录相关推荐

最新文章

热门文章