美文网首页
vue 路由强制刷新页面最简单方法

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

作者: litielongxx | 来源:发表于2020-12-15 17:32 被阅读0次

    场景

    切换导航用户/组织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

    相关文章

      网友评论

          本文标题:vue 路由强制刷新页面最简单方法

          本文链接:https://www.haomeiwen.com/subject/eybwgktx.html