router-link切换路由不存入history记录的方法

最新推荐文章于 2023-06-16 14:50:10 发布
最新推荐文章于 2023-06-16 14:50:10 发布
阅读量5.6k 收藏 3
点赞数 1
分类专栏： Vue VueRouter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18223479/article/details/80592324
版权

在做tab切换子路由需求的时候，点击后退键，就会返回上一个子路由，不是很符合实际需求。

可以在router-link后面加上关键词repalce，就可以实现切换子路由，路径不存入history。点击后退按钮，会直接返回父路由的上一个页面。如果是编程式路由，可以把router.push()换成router.repalce() 

如

<router-link to="/attend/activityCool" replace class="allBlock">
炯炯灯
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中路由跳转不计入history的操作
01-18
我就废话不多说了，大家还是直接看代码吧~ <van label=选择部门 value=arr.DepartMentName right-icon=arrow click=$router.replace({> 在下个页面使用replace跳回来即可 补充知识：vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转 项目打包发布后不能通过地址栏里的地址进行路由跳转,地址栏里回车访问就直接404 本项目使用nginx发布，所以这里只有nginx的配置方
vue路由 遍历生成复数router-link的例子
10-16
今天小编就为大家分享一篇vue路由 遍历生成复数router-link的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router history模式前后端相应配置
qq_34295211的博客
03-06 2030
vue路由有hash和history两种模式。hash模式路由路径如下http://localhost:8081/#/about,history模式路由路径如下http://localhost:8081/about。 配置history模式前端需要在初始化路由实例的时候把mode设为history 本地运行效果如下： 此外服务器中的nginx配置文件中的l...
vue-router
cybcc的博客
05-31 134
vue-router 路由 当应用变得复杂以后，我们就需要通过一种便捷、高效的方式来管理应用，最常见的就是通过路由 路由：把 url 与 应用中的对应的组件进行关联，通过不同的 url 访问不同的组件 vue-router 的安装 npm i vue-router // OR yarn add vue-router Vue.use() 通过前面提到的 Vue.use 方法，把 vue-router 安装到指定的 Vue 实例中 import Vue from 'vue' import VueRouter
Vue-router的history和hash
yan_Wylde的博客
07-23 408
待整理
vue中路由跳转不计入history的方法
Qing_X_C的博客
03-05 2231
<van-field label="选择部门" :value="arr.DepartMentName" readonly right-icon="arrow" @click="$router.replace({ name: 'tree' })" /> 在下个页面使用replace跳回来即可 ...
nginx 刷新显示404
lixilai_rjkf的博客
09-16 810
#nginx location / { try_files $uri $uri/ /index.html; } HTML5 History 模式 vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的history 模式，这种模式充分利用history.pushStateAPI 来完成 URL 跳转而无须重新加载页面。 const ro...
js html 无痕跳转 不保存到history
dragon974539495的博客
09-14 1037
location.replace('javascript:history.go(-1)');
this.$router.push 解决通过 vue-router 打开 tab 页，下次进入还是上次history缓存的界面状态的问题
theVirtual的博客
08-03 2359
vue 路由 缓存问题
vue3 路由传参，参数不在地址栏显示（history）
qq_44961720的博客
06-16 1830
2.跳转的那个界面进行接收。1.点击按钮进行界面跳转。
3 vue-router 的默认hash 改mode：history去除#号 传参
weixin_30520015的博客
03-26 241
npm install vue-router --save //安装 传参 转载于:https://www.cnblogs.com/dianzan/p/8654753.html
解决Vue router-link绑定事件不生效的问题
10-15
主要介绍了解决Vue router-link绑定事件不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解vue-router 2.0 常用基础知识点之router-link
12-09
前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是重新再过一下vue-router，增加...
详谈vue中router-link和传统a链接的区别
10-15
主要介绍了详谈vue中router-link和传统a链接的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router为激活的路由设置样式操作
11-20
补充知识：记录vue遇到问题，子页面没有router-link对应导航栏激活样式 如下所示： li><router to=”/basicSearch” class=”{‘link-active’:linkBoolean}”>基础检索</router> data () { return { imgUrl, ...
动态设置meta标签
热门推荐
炯炯灯的博客
07-03 1万+
有时候在项目中打开别的网页，需要给网页设置meta，如缩放禁止等。这时候在index.html中设置失效需要额外设置。可以使用插件vue-meta：文档：https://github.com/declandewet/vue-meta#npm{ metaInfo: { meta: [ { charset: 'utf-8' }, { name: 'viewport'...
谜一样的element-ui按需加载！！！！！
炯炯灯的博客
05-16 4527
这库看起来还不错，用的着实蛋疼。他的组件很多，基本上不可能加载全部组件，为了减小体积，肯定要按需加载但是！ 这库的组件很奇葩，有的组件引入的时候，只需要在对应的component里import就可以正常使用。譬如 Message，Message-Box而有的组件引入的时候，必须要在main.js里import并vue.use挂载才可以，注意在用到的component里引入是不行的！譬如 butto...
Vue diff算法思路
炯炯灯的博客
11-12 4283
vue的diff算法用于视图更新，也可以说是dom更新。俗话说有对比才有差距，vue也是通过将dom前后进行对比，再进行更新。dom是树状结构，因此对比过程中需要先将它化成对象的形式（虚拟dom）如： var Vnode = { tag: 'div', children: [ { tag: 'p', text: '123' } ] }; 对比是逐层进行...
router-link切换时自定义方法
最新发布
02-28
在Vue.js中，router-link是Vue Router提供的一个组件，用于在单页面应用中进行路由切换。当点击router-link时，它会自动帮助我们进行路由跳转。 如果你想在路由切换时执行自定义方法，可以使用Vue Router提供的导航...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值