<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('激活到当前组件时触发')
  },
相关推荐
Hilaku12 分钟前
JavaScript 里的 !0、!1 到底是啥?聊聊那些压缩器最爱的“极简写法”
前端·javascript
全栈陈序员21 分钟前
前端文件下载常用方式详解
前端·javascript·chrome·ajax·css3·html5·safari
二十一_30 分钟前
🤖✨ ChatGPT API深度体验:让AI看懂图片、听懂语音、调用你的代码
前端·chatgpt·openai
Developer_Niuge36 分钟前
前端批量请求失败重复弹窗的正确解决方案
前端
前端小饭桌37 分钟前
告别嵌套地狱:用数据结构优化解决 JS 多层循环的混乱与静默错误
前端·javascript
爱摸鱼的格子38 分钟前
🚀 你真的会用 Promise.all 吗?10 个实用技巧助你成为异步处理大师!
前端
JacksonGao39 分钟前
React Fiber的调度算法你了解多少呢?
前端·react.js
这可不简单41 分钟前
方便易懂的自适应方案---echarts和dom样式大小自适应
前端·vue.js·echarts
玲小珑43 分钟前
Auto.js 入门指南(七)定时任务调度
android·前端
橘黄的猫44 分钟前
深入解析 import.meta.url:与 new URL() 的关系及 Vite 中的 base 路径影响
前端·vite