vue开启keep-alive缓存时，关于子组件上使用:key=“id“的问题以及解决方案
创始人
2024-11-14 16:34:13
0次
开启keep-alive缓存时，第一次进入某功能时，created -> mounted -> activated，退出时触发 deactivated，
当再次进入时，只触发activated
vue开启keep-alive缓存时(路由meta.noCache不为true)，组件上存在:key="id"会有两个问题：
1、切换tag，会触发id的变更，再次切回来时，将会触发表格销毁重建，重新请求数据，局部刷新表格的缓存丢失；
2、致命错误，修改URL的id时，缓存之前有数据，子组件销毁重建，请求接口也有数据，但是因为keep-alive缓存了组件实例而不是组件的数据，表格的数据丢失；
特定场景下，必须使用:key="id"时，可以考虑下面的两个方式
1、:key=“formData.id + ‘’”；初始化时，formData = { id: this.id, } —— keep-alive缓存activated时，不会重新请求
2、:key=“timeStap”，结合activated、deactivated —— —— keep-alive缓存activated时，会重新请求
activated() {
if (this.fromKeepAlive) { //* 来自keep-alive缓存的组件实例
this.timeStap = new Date().getTime()
}
}
deactivated() {
this.fromKeepAlive = true;
}
相关内容
热门资讯
第五分钟外挂透视！wepoke...
第五分钟外挂透视！wepoker国外版透视，wepokerplus透视挂（有挂规律）-哔哩哔哩1、下...
教程书透视挂!微信多乐跑作必弊...
教程书透视挂!微信多乐跑作必弊(辅助)切实一直都是有辅助攻略(哔哩哔哩)1、微信多乐跑作必弊有没有辅...
第7分钟外挂透视！wpk辅助器...
第7分钟外挂透视！wpk辅助器，wepokerplus脚本（有挂教程）-哔哩哔哩；1、进入游戏-大厅...
一分钟外挂透视！aapoker...
一分钟外挂透视！aapoker辅助软件合法吗，wpk系统是否存在透视挂行为（有挂实锤）-哔哩哔哩1、...
指引透视挂!赣牌圈靠谱吗(辅助...
指引透视挂!赣牌圈靠谱吗(辅助)一直一直都是有辅助工具(哔哩哔哩)1、金币登录送、破产送、升级送、活...
第二分钟外挂透视！德普之星辅助...
第二分钟外挂透视！德普之星辅助器app，wepoker免费透视脚本（有挂讲解）-哔哩哔哩亲，关键说明...
方式透视挂!wepoker插件...
方式透视挂!wepoker插件程序(辅助)一直是真的有辅助插件(哔哩哔哩)1、任何wepoker插件...
7分钟外挂透视！wpk模拟器是...
7分钟外挂透视！wpk模拟器是什么，wpk软件是真的吗（有挂教程）-哔哩哔哩wpk软件是真的吗脚本下...
法门透视挂!传送屋激k万能辅助...
法门透视挂!传送屋激k万能辅助器(辅助)本来是有辅助脚本(哔哩哔哩)1、在传送屋激k万能辅助器插件功...
十分钟外挂透视！德普之星私人局...
十分钟外挂透视！德普之星私人局辅助器，wpk私人局辅助是真的吗（有挂解惑）-哔哩哔哩1、下载好德普之...