当前位置: 首页 > Web前端 > HTML5

【记录】打开同一个模块、同一个本地缓存的多个tab,刷新后需要不同的数据

时间:2023-04-05 01:19:50 HTML5

场景描述:自动化平台部署应用,但是部署需要一定的时间,用户打开多个tab进行部署。问题描述:使用的依赖数据是本地缓存。要区分差异,需要返回上一步重新输入。否则刷新后模块数据还是一样的。需求描述:打开多个tab,进入moduledeployment,同一个module下使用同一个localStorage但数据不同。解决方法:1.保存一份原始数据(Array),使用浏览器页面缓存机制,当切换到当前标签时,当前页面被激活,但是页面上的值确实是旧的,获取旧值,比如(name),匹配原来的值,拿到目标数据后重新设置值。2、使用路由的query参数来实现,使用create后赋值;this.$route.push({query:{id:'',name:''}})create(){const{id,name}=this.$route.query;this.routeId=id;this.routeName=name;}3.使用sessionStorage.setItem('id',1)