#<frame>

一个类似 HTML <iframe> 的页面元素，可以将一个 Lynx 页面迁入当前页面中。

#使用指南

以下为主页面通过<frame>元素加载 frame 内嵌页面的示例

• 主页面通过 data,globalProps 属性值内嵌页面传递 initData,globalProps 数据
• 主页面通过 bindload 事件监听内嵌页面加载情况

#主页面

framesrc/frame/index.tsx

Code

预览

#frame 内嵌页面

framesrc/in_frame/index.tsx

Code

预览

#属性

#data

data?: Record<string, unknown>;

向 frame 内嵌的 Lynx 页面传递数据。

#global-props

'global-props'?: Record<string, unknown>;

向 frame 内嵌的 Lynx 页面传递 globalProps 。内嵌页面可以通过 lynx.__globalProps 进行读取。

#src

src: string;

设置 frame 资源的加载路径。

#事件

前端可以绑定相应的事件回调来监听元素的运行时行为，如下所示。

#bindload

bindload = (e: FrameLoadEvent) => {};

绑定 frame 加载事件回调。

#兼容性