vue 中页面使用多层级router-view 缓存

情况是vue的模板也下面通过路由切换页面后，再切换回来页面没有刷新，更像是被缓存了，无法拉取接口。

后来发现是主页面代码多写了个<keep-alive > 导致的，

如果有需求需要这种情况缓存的可以加上，这次做个笔记，

<el-col :span="24" class="content-wrapper"> <router-view v-slot="{ Component }"> <!-- <keep-alive > --> <component :is="Component" :key="$route.path + $route.query._t?$route.query._t:''" /> <!-- </keep-alive> --> </router-view> </el-col>

放开<keep-alive > 就会缓存页面，

隐藏就不会缓存页面了，切换其他页面，再切换回来后，就不会不触发页面刷新了。