扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要为大家展示了“vue-router3.0版本中 router.push 不能刷新页面怎么办”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue-router3.0版本中 router.push 不能刷新页面怎么办”这篇文章吧。
创新互联一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！为您提供做网站、成都做网站、成都网页设计、微信小程序定制开发、成都网站开发、成都网站制作、成都软件开发、手机APP定制开发是成都本地专业的网站建设和网站设计公司，等你一起来见证！
在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转
昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。
出现的情况是 router.push 后，url变化了，但是页面没有刷新，手动刷新一下才出现应有的画面。
我看了一下 package.json，我的 vue 和 axios 是没有写版本号，但 vue-router 明明写了版本号，怎么可能以前行的，现在就不行了呢？
然后，我使用 npm view vue-router 查看后才发现使用的已经不是 package.json 中的版本了，于是断定也许是我前几天 npm update 了！
( 以后不要随便 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 的方法了。
以上是“vue-router3.0版本中 router.push 不能刷新页面怎么办”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网