路由不变,页面刷新

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();

});

相关推荐
蓝婷儿8 分钟前
第二章:CSS秘典 · 色彩与布局的力量
前端·css
Wyc724091 小时前
HTML:入门
前端·html
Sunny_lxm1 小时前
自定义列甘特图,原生开发dhtmlxgantt根特图,根据数据生成只读根特图,页面展示html demo
前端·html·甘特图·dhtmlxgantt
熊猫钓鱼>_>2 小时前
建筑IT数字化突围:建筑设计企业的生存法则重塑
前端·javascript·easyui
GISer_Jing4 小时前
前端性能指标及优化策略——从加载、渲染和交互阶段分别解读详解并以Webpack+Vue项目为例进行解读
前端·javascript·vue
不知几秋4 小时前
数字取证-内存取证(volatility)
java·linux·前端
水银嘻嘻6 小时前
08 web 自动化之 PO 设计模式详解
前端·自动化
Zero1017137 小时前
【详解pnpm、npm、yarn区别】
前端·react.js·前端框架
&白帝&8 小时前
vue右键显示菜单
前端·javascript·vue.js
Wannaer8 小时前
从 Vue3 回望 Vue2:事件总线的前世今生
前端·javascript·vue.js