vue-router3.0版本中 router.push 不能刷新页面的问题
在github的vue-router中找到同样的一个问题:3.0.1版本通过router实例无法跳转
昨天发现有些路由不能正常跳转,找了一下发现都是那些实例化后使用router.push而不是直接使用this.$router.push的地方。
出现的情况是router.push后,url变化了,但是页面没有刷新,手动刷新一下才出现应有的画面。
我看了一下package.json,我的vue和axios是没有写版本号,但vue-router明明写了版本号,怎么可能以前行的,现在就不行了呢?
然后,我使用npmviewvue-router查看后才发现使用的已经不是package.json中的版本了,于是断定也许是我前几天npmupdate了!
(以后不要随便update了!)
具体为什么新版本不行了,我也不太清楚。
最简单的解决办法当然是直接把router.push改成this.$router.push
但是,如果这样可以的话,我当初为什么要在组件内再实例化一个Router呢?
显然是因为有些地方的this并不是vue,那么,再实例化一个vue,然后使用vue.$router行吗?
答案当然是不行的,因为这个vue与其它地方的vue应该又不是同一个对象了。
那么,终极的解决方案就是:
把全局的vue中的router加到window中,也就在main.js中使用:
window.router=router
然后其它任何地方就可以直接愉快地使用router.push等router的方法了。
分析原因:
实例后的router不能刷新页面,应该是因为它与全局的vue中的this.$router的不是同一个,而之前的版本中能直接这样使用,应该是使用了单例。
至于为什么不使用单例了,这个我怎么会知道?
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。