vue3使用keep-alive缓存路由页面不生效

如题，在一个页面写一段文字，点击文字变红，跳转到另一个页面再返回，文字没有保持红色，应该是红色的，页面设置了缓存

img

img

img

App.vue有写吗

img

你截个图看看你的代码

/**
 * Note: 路由配置项
 *
 * hidden: true                   // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
 * alwaysShow: true               // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
 *                                // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
 *                                // 若你想不管路由下面的 children 声明的个数都显示你的根路由
 *                                // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
 * redirect: noRedirect           // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
 * name:'router-name'             // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
 * meta : {
    noCache: true                // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
    title: 'title'               // 设置该路由在侧边栏和面包屑中展示的名字
    icon: 'svg-name'             // 设置该路由的图标，对应路径src/assets/icons/svg
    breadcrumb: false            // 如果设置为false，则不会在breadcrumb面包屑中显示
  }
 */

1.你keepalive有没有设置include或者exclude
2.你keepalive套的routerview是同级路由吗，比如你要缓存的是二级路由，却在一级路由routerviwe加了keepalive

如有帮助，麻烦点个[采纳此答案]谢谢^O^

你的代码只是缓存了组件，跳转页面后路由发生了切换，页面内的组件都是重新渲染了，肯定不会保持状态啊。

成功跨过坑，有兴趣的小伙伴儿们可以去研究一下，哈哈(ಡωಡ)hiahiahia

img