场景:当前列表页 有一堆搜索条件以及分页,当点进列表中某一条的详情的时候,需要进去详情页面,并可以操作,操作结果会在列表页体现出来,但由于此时是用的若以框架,具有缓存功能
问题:页面缓存有效,但在详情中修改的数据并没有在列表中体现出来,给人一种操作未生效的错觉,用到的是缓存生命周期中的钩子函数:onActivated,代码如下:
// vue3 的写法
onActivated(() => {
getOrderWorkList();
});
// vue2 的写法
activated() {
this.getOrderWorkList();
},
此时调列表的接口,因为页面有缓存,缓存了搜索条件,以及分页等数据,所以就是页面缓存,数据更新,效果实现
谨以此记录,方便以后查看