keepAlive不生效

配置了 keep-alive 和 include,组件的 mounted 钩子仍然执行

组件名称不匹配:
include 中使用的是组件的 name 选项,而非路由的 name
确保组件有正确的 name 属性

<!-- 组件必须显式设置name -->
<script>
export default {
  name: 'AppointmentList', // 必须与include中匹配
  data() {
    return {
      // 组件数据
    };
  },
  // 其他选项...
};
</script>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、作用 vue 【缓存】方案,保留组件状态或避免重新渲染,能够缓存当前页面的所有数据 二、用法 与**【动态组件...
    Porsche_Apo阅读 11,813评论 0 0
  • Vue基础: 谈谈对组件的理解组件化开发能大幅提高应用开发效率、测试性、复用性常用的组件化技术:属性、自定义事件、...
    Ltraveller阅读 768评论 0 2
  • vue面试题 一、vue优点 1.轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 2.简单...
    没糖_cristalle阅读 1,689评论 0 3
  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 600评论 0 1
  • <一> keepAlive的基础知识点 <1>在动态组件上使用 keep-alive 如果希望那些标签的组件实例能...
    春秋若北阅读 16,292评论 0 5

友情链接更多精彩内容