最近在给项目搭建功能的过程中遇到了个难题，因为在设计该项目时给的iframe子页面非常多，从头到尾数下来的话起码得有十多个子页面，但子页面多也并不是件好事
- 几乎每个子页面都需要用到父页面的中的方法，打开存放在父页面中与该业务相关的模态框、遮罩层，或是让父页面刷新，这都需要通过js中的parent属性去实现。
- 反过来说，父页面也始终会用到子页面中定义好的方法，而我现在碰上的难题便是如此。(比如在父中需要点击左侧菜单，触发子iframe中的某个事件，这个解决办法我在以前admin的maya代码中使用父中点击触发iframe.contentWindow.chilrenEvent ,iframe中套的是vue的页面，也就是子是一个vue组件，在vue组件的mounted中定义window.chilrenEvent
- 具体代码见下面：
一：父是admin原生开发的html页面(/admin/views/index.html#/oragnizationchildren是打包后放在服务器的页面访问路径)
二：子的vue组件中
method(){ requstajax(){ //请求接口刷新页面数据 } }, mounted(){ var that=this window.chilrenEvent=()=>{ that.requstajax() } } 子调用父的方法我知道通过parent属性便可以搞定，但让父调用子的方法，确实是不懂该如何解决，但当时可以想到的是：既然有parent这种属性可以帮助我们让父调用子中的方法，那么也一定会有和parent类似作用的属性存在，所以接下来我便只好在求助万能的互联网。在互联网大哥的帮助下，果然不出我所料，让我找到了本期的主人公ContentWindow属性。
也许是ContentWindow属性比较冷门吧，在W3school离线学习文档中找不到它的存在，但是它却是真实有效的，完全可以在js中被使用：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/176367.html原文链接：https://javaforall.net
