vue给嵌入的网页传参_将vue使用iframe嵌套至html中使用(页面交互传值)

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的子文件

parent

APP子组件

获取iframe父组件

{ {parentData}}

const vm = new Vue({

el: '#app',

name: 'Son',

data: {

parentData: '',

},

methods: {

getParent() {

const parent = window.parent.document.getElementById('parent-iframe');