Iframe 网页容器组件

Iframe 解决WEB端webview不能局部嵌入网页的问题

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page :bounces="false">
		<t-iframe ref="refiframe" src="https://life.yundie.xyz/t-ui-web/index.html" width='750rpx' height="450px"
			@message="onMessage"></t-iframe>
		<t-button type="p" @click="postmessage">发送消息</t-button>
	</t-page>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			onMessage(e : UTSJSONObject) {
				console.log(e)
			},
			postmessage() {
				const iframe = this.$refs['refiframe'] as ComponentPublicInstance
				iframe.$callMethod('evalJs', 'testalert()')
			}
		}
	}
</script>

Props

名称	描述	类型	默认值
src	嵌入网页的源地址	String	''
width	内嵌框架的宽度	String	'750'
height	内嵌框架的高度	String	'450'

Events

事件名	描述	回调参数
message	当接收到来自内嵌网页的消息时触发	message

Methods

方法名	描述	参数
evalJs	在内嵌网页中执行 JavaScript 代码	fun (string)