vue 中页面使用多层级router-view 缓存
2026/7/6 21:54:19 网站建设 项目流程

情况是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 > 就会缓存页面,

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

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询