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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了墨竹工卡免費(fèi)建站歡迎大家使用！

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

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

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

解決辦法：

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

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

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