在 github 的 vue-router 中找到一样的一个问题:
3.0.1版本经过router实例没法跳转javascript
昨天发现有些路由不能正常跳转,找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。
出现的状况是 router.push 后,url变化了,可是页面没有刷新,手动刷新一下才出现应有的画面。vue
我看了一下 package.json,个人 vue 和 axios 是没有写版本号,但 vue-router 明明写了版本号,怎么可能之前行的,如今就不行了呢?java
而后,我使用 npm view vue-router 查看后才发现使用的已经不是 package.json 中的版本了,因而判定也许是我前几天 npm update 了!ios
( 之后不要随便 update 了! )git
具体为何新版本不行了,我也不太清楚。
最简单的解决办法固然是直接把 router.push 改为 this.$router.pushgithub
可是,若是这样能够的话,我当初为何要在组件内再实例化一个 Router 呢?
显然是由于有些地方的 this 并非 vue,那么,再实例化一个 vue,而后使用 vue.$router 行吗?
答案固然是不行的,由于这个 vue 与 其它地方的 vue 应该又不是同一个对象了。vue-router
那么,终极的解决方案就是:
把全局的 vue 中的 router 加到 window 中,也就在 main.js 中使用:npm
window.router=router
而后其它任何地方就能够直接愉快地使用 router.push 等 router 的方法了。json
分析缘由:
实例后的 router 不能刷新页面,应该是由于它与全局的vue中的 this.$router 的不是同一个,而以前的版本中能直接这样使用,应该是使用了单例。
至于为何不使用单例了,这个我怎么会知道?axios