【vue-router】用meta.keepAlive做缓存

网上大家都说按下面的写法

<keep-alive>
 	<router-view v-if="route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!route.meta.keepAlive"></router-view>

但是会报错


解决方法也没找到

最后换一种写法解决

<router-view v-slot="{ Component }" >
  <keep-alive >
    <component v-if="route.meta.keepAlive" :is="Component" />
  </keep-alive>
</router-view>
<router-view v-if="!route.meta.keepAlive">
</router-view>