＜keep-alive＞ ＜component ＞＜/component＞ ＜/keep-alive＞缓存的组件实现组件,实现组件切换时每次都执行指定方法
<keep-alive> <component :is="currentRouter" :key="currentRouter"></component> </keep-alive>缓存的组件实现组件切换时子组件每次都执行指定的方法
// 父组件
<keep-alive>
<component :is="currentRouter" :key="currentRouter"></component>
</keep-alive>
data () {
return {
currentRouter: ''
}
}
components: {
// 计算维度
CalculationDimension: () => import('../procurementPlanConfig/calculationDimension.vue'),
// 价格损失配置
PriceLossSetting: () => import('../procurementPlanConfig/priceLossSetting.vue')
}
子组件
activated () {
console.log('激活到当前组件时触发')
},