vue 路由强制刷新页面最简单方法

场景

切换导航用户/组织id后,i需要刷新所在页面。
ctrl+f5/window.reload会页面刷新,但可以vue内部实现。


image.png

1空白页

<template>
    
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    created() {
              // 获取当前的路由
        let path=this.$route.params.link
//替换为原先路由
        this.$router.replace({
            path:path
        })
    }
}
</script>

2 引入公共head所在跳转页

methods:{
changeOrg(item) {
       //设置本地
       localStorage.setItem('curOrg', item.id)
      //执行store有时没触发
       this.$store.dispatch('update',JSON.parse(JSON.stringify(item)))
      //  跳转其他页面再返回
      this.$router.push({
        name:'back',
        params:{
          link:this.$route.path//当前路由
        }
      })
    },

}

route.js

{
        //全局刷新
        path: '/back',
        name: 'back',
        component: () =>
            import ('@/views/空白页'),
    }

参考资料

https://blog.csdn.net/qq_16772725/article/details/80467492

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容