keepAlive不生效

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

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

<!-- 组件必须显式设置name -->
<script>
export default {
  name: 'AppointmentList', // 必须与include中匹配
  data() {
    return {
      // 组件数据
    };
  },
  // 其他选项...
};
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、概念介绍 Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完...
    刘远舟阅读 1,089评论 0 0
  • 一、作用 vue 【缓存】方案,保留组件状态或避免重新渲染,能够缓存当前页面的所有数据 二、用法 与**【动态组件...
    Porsche_Apo阅读 11,614评论 0 0
  • Vue基础: 谈谈对组件的理解组件化开发能大幅提高应用开发效率、测试性、复用性常用的组件化技术:属性、自定义事件、...
    Ltraveller阅读 589评论 0 2
  • vue面试题 一、vue优点 1.轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 2.简单...
    没糖_cristalle阅读 1,633评论 0 3
  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 500评论 0 1