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

关于在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://www.kler.cn/a/581285.html

相关文章:

  • 【软考-架构】2.3、设备管理-文件管理
  • flinkOracleCdc任务报错kafkaConnectSchema
  • 基于 Simulink 的超级储能参与电网一次调频仿真研究
  • 怎么删除百度搜索下拉框里的搜索引导词
  • KTH31XX 系列_比例式线性霍尔效应传感器,模拟电压输出
  • Go Ebiten小游戏开发:俄罗斯方块
  • Pytorch系列教程:可视化Pytorch模型训练过程
  • SpringBoot日常:集成shareingsphere-jdbc
  • 【网络协议详解】——QOS技术(学习笔记)
  • 哪些业务场景更适合用MongoDB?何时比MySQL/PostgreSQL好用?
  • FastAPI 分页模块实现详解
  • 数据的划分、性能指标和评估方法
  • 《使用 Python Flask + MySQL + ECharts 构建销售数据看板》实战案例笔记
  • CAN总线协议攻防实战:从漏洞分析到攻击模拟
  • windows一个进程的内存被其他进程踩坏原因
  • Spring Boot 接口延迟响应的实现与应用场景
  • 悖论的背后:从蚂蚁到宇宙的故事-续集
  • 14.onlineoj项目总结(C++)
  • 博客系统测试报告
  • Chrome 浏览器性能优化全景解析