問題總結;最近在寫vue移動端的項目的時候,當我切換菜單,再切換換回去的時候,發現頁面出現閃動的效果,其原因是因為切換回去之后,頁面重新渲染了;為了解決這一問題:查閱資料,只需要在 入口文件 App.vue 的router-view外層包裹一個keep-active標簽,表示該組件被保存在內存中,不需要重新渲染dom
keep-alive 是Vue的內置組件,能在組件切換過程中將狀態保留在內存中,防止重復渲染DOM。結合vue-router中使用,可以緩存某個view的整個內容。
基本使用如下:
<keep-alive><component><!-- 該組件將被緩存! --></component> </keep-alive>