小編給大家分享一下如何解決Vue 路由切換時頁面內(nèi)容沒有重新加載的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)龍江免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

第二次進入頁面，頁面路由參數(shù)已經(jīng)改變，但是頁面內(nèi)容不會刷新。

問題原因：在組件mounted鉤子中調(diào)用的刷新頁面內(nèi)容，但測試發(fā)現(xiàn)這個鉤子沒有被調(diào)用。后來發(fā)現(xiàn)App.vue中使用了：

keep-alive是Vue的內(nèi)置組件，能在組件切換過程中將狀態(tài)保留在內(nèi)存中，防止重復(fù)渲染DOM。這就是問題所在了。

解決辦法：

使用Vue組件切換過程鉤子activated(keep-alive組件激活時調(diào)用)，而不是掛載鉤子mounted：

關(guān)于keep-alive組件的鉤子：https://cn.vuejs.org/v2/api/#activated

以上是“如何解決Vue 路由切換時頁面內(nèi)容沒有重新加載的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁名稱：如何解決Vue路由切換時頁面內(nèi)容沒有重新加載的問題-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/shges.html