(1)子页面调用父页面的方法
父页面
created() {
var _this = this
//这里可放到全局,提供给子 iframe 调用
window.addTab = function(obj){
return TabUtil().addTab(obj)
}
}
子页面调用
window.parent.addTab(obj)
(2)父页面调用子页面的方法
子页面
created() {
var _this = this
//这里可放到全局
window.resizeWindow = function() {
return _this.resizeWindow()
}
},
methods: {
//窗口变化处理
resizeWindow () {
console.log('页面在变化')
}
}
父页面调用
var iframe_home = document.querySelector('#iframe_home')
iframe_home.contentWindow.resizeWindow()
iframe_home : iframe标签id
(3)子页面获取父页面对象
var parent = window.parent.document.querySelector('#mask-div')
(4)父页面获取子页面对象
var iframe = document.querySelector('#iframe_home')
var children = iframe.contentWindow.document.querySelector('#children')