昨天用keepalive包裹整个router-view发现并不生效,想通过缓存页面使得前进后退不刷新页面,经过一番折腾,终于成功了
<router-view v-slot="{Component}">
<keep-alive :include="['index','detail']">
<component :is="Component "></component>
</keep-alive>
</router-view>
include会判断当前的组件名,不需要在路由命名也行,也就是说我对index和detail页面进行了缓存,返回不刷新