- vue项目中页面需要在浏览器中打开新窗口,但是当关闭新窗口时候,sessionStorage中数据丢失问题。
- 问题描述:项目中A页面有table列表,在列表上方有“导入文件”按钮,点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后,将最终确定的数据返回回显在A页面,并且关闭当前窗口。如果将数据内容存储在sessionStorage中,关闭页面后,A页面并不能获取到内容。所以需要在A页面的create中进行监听操作。
- 解决方案:
B页面:params:为需要传给A页面的参数内容,“uploadBussiness”是自己定义的监听的事件的名称
window.opener.postMessage( {name:"uploadBussiness",params:params},window.location )
A页面:
created(){ let that = this window.addEventListener("message",function(e){ if( e.data.name == "uploadBussiness"){ // A页面已经能获取到穿回来的数据内容 that.businessInfo.tableList = e.data.params } }) }
3. 项目中截图:
B页面:
A页面:
标签:vue,浏览器,sessionStorage,params,新窗口,关闭,页面 From: https://www.cnblogs.com/evident/p/17571785.html