Embed
优质
小牛编辑
123浏览
2023-12-01
描述
内嵌内容容器,在 Weex 容器中通过 <web>
实现,在 Web 容器中通过 <iframe>
<embed>
实现。
安装
$ npm install rax-embed --save
属性
属性 | 类型 | 默认值 | 必填 | 描述 | 支持 |
---|---|---|---|---|---|
src | String | - | ✘ | 嵌入的页面地址 | |
urlParam | String | Object | - | ✘ | 传递给子页面的参数 | |
page_inside_embed | Boolean | true | ✘ | 页面是否在 embed 中 | |
page_home_isweex | Boolean | - | ✘ | 子页面的宿主页面是否是 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});