当前位置: 首页 > 文档资料 > Rax 中文文档 >

Embed

优质
小牛编辑
130浏览
2023-12-01

描述

内嵌内容容器,在 Weex 容器中通过 <web> 实现,在 Web 容器中通过 <iframe> <embed> 实现。

安装

$ npm install rax-embed --save

属性

属性类型默认值必填描述支持
srcString-嵌入的页面地址  
urlParamString | Object-传递给子页面的参数  
page_inside_embedBooleantrue页面是否在 embed 中  
page_home_isweexBoolean-子页面的宿主页面是否是 Weex 渲染

注:基础属性、事件及图片含义见组件概述

示例

import { createElement, render, Component } from 'rax';
import DriverUniversal from 'driver-universal';
import Embed from 'rax-embed';

function App() {
	const urlParam = {
  		paramOne:123,
 		 paramTwo:456
	};
  return <Embed urlParam={urlParam} src={'http://taobao.com'} 
  useIframeInWeb={true} style={{ height: 750, width: 750 }} />
}

render(<App />, document.body, { driver: DriverUniversal});