vben-admin 页面切换清除缓存

最新推荐文章于 2024-08-28 16:33:17 发布

xiaofiy

最新推荐文章于 2024-08-28 16:33:17 发布

阅读量2.2k

点赞数 1

文章标签： Vue3 setup 缓存路由配置 ignoreKeepAlive

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

版权

前言：今天遇到一个问题，当将页面写成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: '页面',
  },
  ....