vue 给iframe设置src_vue项目iframe的传值问题

前言

项目需要，我需要引入一个已经封装好的浏览器插件。插件只能以html的方式调用，

所以。我把插件的使用封装了一个html页面。vue项目则利用iframe的方式引入。

到这里我就遇到了一个问题，那就是vue项目中iframe的传值问题，这里做个笔记防止之后忘记，

如果有其他的方式，欢迎大家交流，不胜感激。

正文

先写几个简易的demo

需要用到的html

测试damo

请使用支持javascript的浏览器

1213123111220980980

打印本地的值

点击获取值vue的值

varwpsData;var aaaaa = '22222'

functionsetData(){

alert(aaaaa)

}functiongetData(){

alert(wpsData)

}

父级页面用iframe调用html

在线文档编译组件

点击获取iframe数据

向iframe中发送数据

export default{

name:'wps-edit',

props: {},

mounted() {},

methods: {getData() {

},setData(data) {

}

}

}

这里提供两