<keep-alive :include="keepAliveData"> <router-view v-if="isShowRouter" /> </keep-alive>
當我們不想每次使用路由跳轉時都從新加載頁面的時候,就可以使用 keep-alive 去設置,添加之前默認緩存所有頁面,如果需要指定自己想要的頁面緩存或者不緩存可以通過include和exclude屬性去設置。
如上代碼,綁定keepAliveData數組內的組件加入緩存。但是如果你沒有在組件里面設置name屬性,是不會生效的。所以如果你的緩存沒有生效,有可能是這個原因。需要添加name屬性。