vue 路由強(qiáng)制刷新頁面最簡單方法

場景

切換導(dǎo)航用戶/組織id后,i需要刷新所在頁面。
ctrl+f5/window.reload會(huì)頁面刷新,但可以vue內(nèi)部實(shí)現(xiàn)。


image.png

1空白頁

<template>
    
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    created() {
              // 獲取當(dāng)前的路由
        let path=this.$route.params.link
//替換為原先路由
        this.$router.replace({
            path:path
        })
    }
}
</script>

2 引入公共head所在跳轉(zhuǎn)頁

methods:{
changeOrg(item) {
       //設(shè)置本地
       localStorage.setItem('curOrg', item.id)
      //執(zhí)行store有時(shí)沒觸發(fā)
       this.$store.dispatch('update',JSON.parse(JSON.stringify(item)))
      //  跳轉(zhuǎn)其他頁面再返回
      this.$router.push({
        name:'back',
        params:{
          link:this.$route.path//當(dāng)前路由
        }
      })
    },

}

route.js

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

參考資料

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容