路由不变,页面刷新

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

});

相关推荐
天天向上10241 分钟前
Vue 配置打包后可编辑的变量
前端·javascript·vue.js
芬兰y17 分钟前
VUE 带有搜索功能的穿梭框(简单demo)
前端·javascript·vue.js
好果不榨汁24 分钟前
qiankun 路由选择不同模式如何书写不同的配置
前端·vue.js
小蜜蜂dry24 分钟前
Fetch 笔记
前端·javascript
拾光拾趣录25 分钟前
列表分页中的快速翻页竞态问题
前端·javascript
小old弟26 分钟前
vue3,你看setup设计详解,也是个人才
前端
Lefan30 分钟前
一文了解什么是Dart
前端·flutter·dart
Patrick_Wilson35 分钟前
青苔漫染待客迟
前端·设计模式·架构
写不出来就跑路1 小时前
基于 Vue 3 的智能聊天界面实现:从 UI 到流式响应全解析
前端·vue.js·ui
OpenTiny社区1 小时前
盘点字体性能优化方案
前端·javascript