<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('激活到当前组件时触发')
  },
相关推荐
吃杠碰小鸡33 分钟前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone39 分钟前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09011 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农1 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king2 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
forestsea2 小时前
深入理解Redisson RLocalCachedMap:本地缓存过期策略全解析
redis·缓存·redisson
夏幻灵3 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_3 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝3 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions3 小时前
2026年,微前端终于“死“了
前端·状态模式