場景:使用router-view時(shí),如果在相同路由之間跳轉(zhuǎn)附帽,默認(rèn)在跳轉(zhuǎn)路由時(shí)會(huì)采用緩存策略,并不會(huì)刷新當(dāng)前路由組件。即mounted,beforeDestory等鉤子函數(shù)并不會(huì)觸發(fā)
解決:給router-view設(shè)置一個(gè)唯一值key,跳轉(zhuǎn)時(shí)椒楣,傳入不同的query參數(shù)即可
<!-- 添加:key="$route.fullPath"防止同路由頁面不刷新問題 -->
<router-view :key="$route.fullPath"></router-view>