路由不变,页面刷新

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

});

相关推荐
pas1361 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠1 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨2 小时前
【Turbo】使用介绍
前端
军军君013 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...4 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n4 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon4 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪6 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q6 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz6 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端