vue 使用vue-navigation解决路由缓存-前进刷新后退不刷新,附加切换动画,位置存储方案

前景:工作需求,产品要求,老板督促,我个小菜鸡开始了寻找vue页面路由回退不刷新并且页面位置不变,前进刷新的路....(哼

在历经keep-alive 路由控制 vuex存储 等等一系列方法(麻烦,麻烦,本着懒一点的心态 继续寻找更优的解决方案

在各个大佬的帖子里去了同性交友网找到了 vue-navigation !!超简单使用! 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

什么?没了?就这样? 是的没了 就这样 完美实现~再次感谢作者(上面有直接过去的链接喔

以上为初次遇到问题时的复盘操作~QAQ(摸鱼5分钟赶紧写完

----------------------------------------------------手动分割线更新--------------------------------------------------------

更新一下vue-navigation+路由切换动画+位置存储-仿原生app效果-完美解决方案,可以下载demo查看效果,作者地址->链接地址


差点忘了 今天生日 祝自己生日快乐 少掉头发hh

你可能感兴趣的:(vue 使用vue-navigation解决路由缓存-前进刷新后退不刷新,附加切换动画,位置存储方案)