vue-navigation使用和报错解决

1、为什么要使用

当页面返回上一页的时候会发现页面回到了初始场景，之前的操作也都回到了原始范围，而有时候我们需要后退时页面定格在操作之后，此时就可以使用vue-navigation

2、如何使用

1、下载安装

npm install vue-navigation

2、在main.js中引入

import Navigation from 'vue-navigation'
Vue.use(Navigation, {router})

3、在App.vue中使用

<navigation>
      <router-view />
    </navigation>

4、此时浏览器地址栏路由参数会出现?VNK=xxxxxxx

5、此时操作，发现后退时，页面会保留操作，前进则会初始化

3、其它问题

1、查看控制台。console会出现跳转错误

百度寻找解决方法，有人建议把vue-router版本降为3.0.7，此时重新运行发现还是报错
然后发现在router.js中插入如下代码，报错解决。

const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
  return originalPush.call(this, location).catch(err => err)
}