<keep-alive> <component ></component> </keep-alive>缓存的组件实现组件,实现组件切换时每次都执行指定方法

<keep-alive> <component :is="currentRouter" :key="currentRouter"></component> </keep-alive>缓存的组件实现组件切换时子组件每次都执行指定的方法

java 复制代码
// 父组件
 <keep-alive>
        <component :is="currentRouter" :key="currentRouter"></component>
      </keep-alive>

data () {
    return {
        currentRouter: ''
    }

}

components: {
 // 计算维度
    CalculationDimension: () => import('../procurementPlanConfig/calculationDimension.vue'),
    // 价格损失配置
    PriceLossSetting: () => import('../procurementPlanConfig/priceLossSetting.vue')

}

子组件

java 复制代码
  activated () {
    console.log('激活到当前组件时触发')
  },
相关推荐
killerbasd3 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
吴声子夜歌3 小时前
ES6——二进制数组详解
前端·ecmascript·es6
码事漫谈3 小时前
手把手带你部署本地模型,让你Token自由(小白专属)
前端·后端
ZC跨境爬虫3 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝4 小时前
svg图片
前端·css·学习·html·css3
王夏奇4 小时前
python中的__all__ 具体用法
java·前端·python
大家的林语冰4 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
jiayong235 小时前
第 8 课:开始引入组合式函数
前端·javascript·学习
田八5 小时前
聊聊AI的发展史,AI的爆发并不是偶然
前端·人工智能·程序员
zhanghongbin015 小时前
AI 采集器:Claude Code、OpenAI、LiteLLM 监控
java·前端·人工智能