1.放置iframe的父文件
parent调用子组件的方法
const iframe = document.getElementById('parent-iframe');
const button = document.getElementById('button-get-son');
button.onclick = function () {
console.log(iframe.contentWindow);
iframe.contentWindow.init();
};
父组件调用子组件方法
iframe.contentWindow可以获取到子组件
const iframe = document.getElementById(iframe');
iframe.contentWindow.子组件方法名(arguments);
2.使用vue的子文件
parentAPP子组件
获取iframe父组件
{ {parentData}}
const vm = new Vue({
el: '#app',
name: 'Son',
data: {
parentData: '',
},
methods: {
getParent() {
const parent = window.parent.document.getElementById('parent-iframe');