页面缓存相关问题,部份页面使用缓存解决方法

页面部份:


    
    
        
    
    

router.js:

{
    path:'supplier', // 供应商管理
    name:'supplier',
    component:()=> import('@/business/baseinfo/supplier'),
    meta:{ keepAlive:true }
}

如果keepAlive:true,则使用缓存。
包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。

当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。
路由的内容只在第一次进入的时候,触发created和mounted方法,再次进入页面不会重新获取数据。
所以页面初始化要用activated替换created函数。

当引入keep-alive 的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发activated。

你可能感兴趣的:(vue.js,前端)