前景:工作需求晰奖,產(chǎn)品要求谈撒,老板督促,我個(gè)小菜雞開(kāi)始了尋找vue頁(yè)面路由回退不刷新并且頁(yè)面位置不變匾南,前進(jìn)刷新的路....(哼
在歷經(jīng)keep-alive 路由控制 vuex存儲(chǔ) 等等一系列方法(麻煩啃匿,麻煩,本著懶一點(diǎn)的心態(tài) 繼續(xù)尋找更優(yōu)的解決方案
在各個(gè)大佬的帖子里去了同性交友網(wǎng)找到了?vue-navigation?N缢ァ立宜!超簡(jiǎn)單使用! 792star 很靠譜 在此感謝作者~
使用:cnpm i -S vue-navigation (這就不用我再bb了吧臊岸,安裝橙数!
或者 yarn add vue-navigation
main.js
importVuefrom'vue'
import router from "./router";
import Navigation from 'vue-navigation';
Vue.use(Navigation, {router})
App.vue
<navigation>
<router-view />
</navigation>
什么?沒(méi)了帅戒?就這樣灯帮? 是的沒(méi)了 就這樣 完美實(shí)現(xiàn)~再次感謝作者(上面有直接過(guò)去的鏈接喔
以上為初次遇到問(wèn)題時(shí)的復(fù)盤(pán)操作~QAQ(摸魚(yú)5分鐘趕緊寫(xiě)完
----------------------------------------------------手動(dòng)分割線更新--------------------------------------------------------
更新一下vue-navigation+路由切換動(dòng)畫(huà)+位置存儲(chǔ)-仿原生app效果-完美解決方案,可以下載demo查看效果逻住,作者地址->鏈接地址