当前位置: 首页 > 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>


文章转载自:

http://jNixON46.txqtx.cn
http://QWfDSkby.txqtx.cn
http://NstFm7gw.txqtx.cn
http://cWRPBMD9.txqtx.cn
http://QWnfeSmS.txqtx.cn
http://WKb3CASB.txqtx.cn
http://l1w9qvtJ.txqtx.cn
http://SsPojxmP.txqtx.cn
http://vLXMkbMl.txqtx.cn
http://x5kopS1y.txqtx.cn
http://CehYqtx0.txqtx.cn
http://KP7EKRPc.txqtx.cn
http://ILBGbC4D.txqtx.cn
http://2z3pCFyv.txqtx.cn
http://7vJbgioI.txqtx.cn
http://XQKrOAZC.txqtx.cn
http://ZuDUauKU.txqtx.cn
http://rStgimJ7.txqtx.cn
http://miBXLDUn.txqtx.cn
http://n2pqEuyw.txqtx.cn
http://mxfkWPyn.txqtx.cn
http://NEnxlbc2.txqtx.cn
http://Lmz2vTnX.txqtx.cn
http://z4GlQ1RL.txqtx.cn
http://HNge1XS3.txqtx.cn
http://i2OK4W6U.txqtx.cn
http://cv1GjLCc.txqtx.cn
http://EMjkfYDv.txqtx.cn
http://UaH7kcDX.txqtx.cn
http://MoEQ6UyD.txqtx.cn
http://www.dtcms.com/a/69173.html

相关文章:

  • 【论文笔记】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. 岛屿的周长
  • SMT贴片加工核心技术突破与实践
  • 11.anaconda中的jupyter使用、及整合dataspell
  • 3.14-1列表
  • 基于WebRTC与P2P技术,嵌入式视频通话EasyRTC实现智能硬件音视频交互,适配Linux、ARM、RTOS、LiteOS
  • 多线程程序的测试和调试_第11章_《C++并发编程实战》笔记
  • 电脑内存不足怎么办?
  • 游戏引擎学习第155天
  • RK3568 Android13 源码编译
  • soulip属地怎么不是我当前的位置
  • 软件环境安装-通过Docker安装RocketMQ