vben-admin 页面切换清除缓存

最新推荐文章于 2025-03-21 16:30:58 发布

xiaofiy

最新推荐文章于 2025-03-21 16:30:58 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/xiaofiy/article/details/125663987

版权

Vue3 setup 缓存路由配置 ignoreKeepAlive

关键词由CSDN通过智能技术生成

当使用Vue3的setup模式时，发现页面切换后表单数据未清空。解决这个问题只需在路由配置中设置`ignoreKeepAlive`为`true`，这样可以确保在切换页面时清除缓存。该配置可以通过接口动态返回或手动处理，对于保持页面状态和避免数据残留非常关键。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：今天遇到一个问题，当将页面写成vue3 setup模式后切换页面，之前页面的表单数据没有清空，最后查询文档终于找到配置了

解决方案：只需要在页面路由配置ignoreKeepAlive

解释：
是否忽略KeepAlive缓存
ignoreKeepAlive?: boolean
true: 忽略缓存 – 清楚缓存
false: 不忽略 – 保留缓存
如果项目路由是动态接口返回，可以直接让后端同学返回数据加上此配置，或者自己处理接口返回数据
使用：

const pageOne: AppRouteModule = {
  path: '/control',
  name: 'control',
  component: LAYOUT,
  redirect: '/control/index',
  meta: {
   	ignoreKeepAlive: true,
    hideChildrenInMenu: false,
    orderNo: 5,
    icon: 'ion:telescope-outline',
    title: '页面',
  },
  ....