路由不变,页面刷新

1、添加中转页

使用this.$router.replace()跳转页面,再重新跳回来不需要打开中转页,beforeRouteEnter拦截跳回去
中转页路由:

{

path: '/refresh',

component: resolve => require('@/pages/refresh', resolve),

meta: {

title: '用于同路由刷新'

}

}

中转页:

export default {

beforeRouteEnter(to, from, next) {

next(vm => {

vm.$router.replace(from.path)

// 跳到该路由页面后,再替换为from.path来源路径

})

}

}

跳转:

this.$router.replace('/refresh')

2、路由参数传递时间戳

// 在路由跳转前添加时间戳

router.beforeEach((to, from, next) => {

to.query.timestamp = new Date().getTime();

next();

});

相关推荐
不好听6135 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus5 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子6 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech6 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn6 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧8 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
qetfw9 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯9 小时前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a1117769 小时前
微光小屋-前端养成小游戏 开源项目
前端