项目开发难点-项目中两个窗口的页面,其中一个选择数据后回显到另一个项目页面中

发布时间 2023-09-22 09:54:56作者: Evident

方法一:sessionStorage   如果项目是在浏览器中,打开或跳转另一个页面(可以使用同一个控制台)的情况下,可以用sessionStroage来存储数据,然后另一个页面获取数据

 

方法二:postMessage  适用情况与方法一一致(两个页面可以使用同一个控制台)。

第二个页面选择后发送数据给第一个页面: window.opener.postMessage( {  name:'xxxxx',  params:data }, window.location )

第一个页面在created中进行监听:window.addEventListener( "message",function(e){  if(e.data,name=='xxxxx'){  this.total=e.data.patams  }    } )

 

方法三:self.opener  适用于 打开的窗口像一个dialog一个是一个全新的页面(与之前页面不能使用同一个控制台),这里的self.opener是打开的页面选择数据后,用来更改前一个页面中数据;就相当于获取到了前一个页面的window,而后通过window.document来修改前一个页面的内容。