当前位置: 首页 > Web前端 > vue.js

页面缓存相关问题,部分页面使用缓存方案

时间:2023-03-31 21:43:17 vue.js

页面部分:router.js:{path:'supplier',//供应商管理name:'supplier',component:()=>import('@/business/baseinfo/supplier'),meta:{keepAlive:true}}如果keepAlive:true,使用缓存。,当包装动态组件时,缓存不活动的组件实例而不是销毁它们。与类似,是一个抽象组件:它本身不渲染DOM元素,也不出现在父组件链中。当组件在中切换时,其激活和去激活的生命周期钩子函数将相应执行。路由内容只在第一次进入时触发created和mounted方法,再次进入页面时不会重新获取数据。所以页面初始化应该用activated代替创建的函数。引入keep-alive时,页面第一次进入,钩子的触发顺序是create->mounted->activated,退出时触发deactivated。激活仅在重新进入(向前或向后)时触发。