窗口之间的传值
2021-06-23 本文已影响0人
废弃的种子
- window.opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。
当使用window.open()打开一个窗口,您可以使用此属性返回来自目标窗口源(父)窗口的详细信息。
window.opener.close()将关闭源(父)窗口。 - window.open()属性
https://blog.csdn.net/vastskyjoe/article/details/4122104 - 示例
/**
* @desc 打开一个新窗口
* @param {(Object vue实例this)} vue
* @param {Object} params
* @returns {string}
*/
Common.windowOpen = function(vue, params, name = "_blank") {
const routeData = vue.$router.resolve(params);
const opener = window.open(routeData.href, name);
return opener;
};
//父
addHouseholdsTable() {
this.Common.windowOpen(this, { path: '/printChangeOfPovertyAlleviation/ChangeOfPovertyAlleviation', query: {
type: 3
}});
const self = this;
window.addEventListener('message', function(e) {
const data = e.data;
if (data === 'successSaveCheckForm') {
self.getList(); ;
}
});
},
//子
window.opener.postMessage('successSaveCheckForm', '*');