13518219792
這篇文章主要為大家展示了“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 不能刷新頁面怎么辦”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！
