当前位置: 首页 > news >正文

关于在vue3中使用keep-live+component标签组合,实现对指定某些组件进行缓存或不缓存的问题

        今天收到一个需求,在vue3写的动态组件条件下,要对指定的几个vue组件进行缓存。

        我们用到了keep-live+component标签进行动态的渲染

        可以通过exclude(排除)和include(包含)来进行指定缓存

<el-tabs v-model="activeName" type="card" @tab-click="handleTabs" class="groupCard">
      <el-tab-pane v-for="(v, i) in tabList" :key="i" :label="v.label" :name="v.name">
        <keep-alive :exclude="['comA','comB','comC']">
          <component
            :is="v.cpt"
          />
        </keep-alive>
      </el-tab-pane>
    </el-tabs>

        要注意!此处的comA,要与组件的name对应

<script setup lang="ts">
    defineOptions({ name: 'comA' })
</script>

相关文章:

  • 【论文笔记】Contrastive Learning for Compact Single Image Dehazing(AECR-Net)
  • 一窥DeepSeek开源EPLB项目:揭开技术背后的面纱
  • 西门子S7-1200 PLC远程上下载程序方案
  • 在1688平台上如何实现铺货和上传商品的自动化?
  • PinnDE:基于物理信息神经网络的微分方程求解库
  • 如何在PHP中实现数据加密与解密:保护敏感信息
  • 【免费】2008-2020年各省城镇登记失业率数据
  • 有关Java中的注解和反射
  • Adobe illustrator软件科研绘图学习
  • P1631 序列合并
  • 【OS】操作系统全解
  • 操作系统知识点29
  • Manus邀请码申请全流程指南(2025最新版)——申请Manus体验资格
  • 根据Excel快速生成表的创建以及新增数据记录的sql
  • 批量清空 Excel 文档主题、标记、作者、保存时间、总编辑时间元数据
  • 深入 Python 网络爬虫开发:从入门到实战
  • C# 初学者的系统学习路径与职业规划指南
  • FPGA为何要尽量减少组合逻辑的使用
  • APB-清华联合腾讯等机构推出的分布式长上下文推理框架
  • 图论part4|827. 最大人工岛、127. 单词接龙、463. 岛屿的周长
  • 山东爱易网站建设工作室/软文代写价格
  • 广告网站素材/云南网络推广公司排名
  • 上海网站seo/网站推荐
  • dz网站后台/百度推广一般多少钱
  • 医院网站模板免费下载/推广文章的步骤
  • 百度卖货平台/开封网站优化公司