iframe

[范例：demo-iframe.vue]

内嵌网页容器。

属性

参数	描述	类型
src	内嵌用的网址	string
source	内嵌用的html代码	obj:{ html: string }

事件

事件名称	描述	类型
onLoadStart	网页开始加载后触发	Function
onLoadEnd	网页加载成功后触发	Function
onError	网页加载出错后触发	Function
onMessage	接收网页发来的消息	Function
onClosePage	页面关闭了	Function

点击查看源码

<iframe style="width: 500px; height: 500px;" ref="iframe" src="http://baidu.com" />
<iframe style="width: 500px; height: 500px;" ref="iframe" :source="{html: htmlContent}" />

点击查看源码

data() {
    return {
      htmlContent: '<div>iframe内容</div>',
    };
},

如何向Vue发送消息？

现在提供了通过加载url的方式发送事件。

点击查看源码

// 关闭页面
esbridge://closePage
// 自定义消息
esbridge://postMessage?data=传递到内容(建议encode)