上一個vue項目,遇到過一個問題,是頁面離開路由不跳轉,頁面不刷新,這個很大程度上對項目造成了困擾,后來百度,針對於app.vue的跟路由,給其設置key值this.$route.fullPath即可解決問題,一直以為這是完美的解決方案,直到今天,做另外的vue項目也遇到了同樣的問題,起初也是給路由設置了key,但全頁面的強制刷新,導致了菜單的展開很難看,尤其是select選擇子菜單,一刷新就沒有了,今天發現,在layout布局的時候給子路由外層包裹了緩存組件
這樣子就導致了這個菜單頁面不會被銷毀,也就走到了之前給全局路由設置key的死胡同,解除子菜單的路由緩存即可。
- 全局路由注釋key
- 子路由將緩存注釋掉