1,新建一个名为refresh.vue的文件(放在你认为合理的任意目录);
2,在refresh.vue里添加 beforeRouteEnter“路由钩子”代码块,代码如下:

<template> </template>
<script>
export default {
  beforeRouteEnter(to, from, next) {
    next(vm => {
      vm.$router.replace(from.path)
      // 跳到该路由页面后,再替换为from.path来源路径
    })
  }
}
</script>

3,在路由文件里配置,加上refresh 的路由,路径一般定义为 /refresh,代码块如下:

	name: "refresh",
    path: `/refresh`,
    component: () => import('@/layouts/compoment/main/refresh') 
     // 目录更改为你自己的refresh.vue的目录

4,当你想刷新当前页面的时候,可以调一下下面这段代码:

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

然后就大功告成啦!!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐