嵌入页面
该组件是低代码平台中用于嵌入和预览另一个低代码页面的专用容器。它通过 fileId 和 version 动态加载指定的低代码页面,并支持布局对齐与栅格控制。
基础属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
水平排列 justify | 枚举 | 'center' | 控制嵌入页面在容器中的水平对齐方式 |
列宽 span | number | 24 | 占满整行(Element Plus 栅格最大值为 24) |
| 其他栅格属性 | 如 offset, xs, sm 等 | — | 支持响应式布局配置 |
高级属性
| 属性 | 类型 | 说明 |
|---|---|---|
文件ID fileId | string | 低代码文件ID(可绑定) |
文件版本 version | string | 指定加载的文件版本,不指定加载最新版本(可绑定) |
绑定数据 params | string | 组件内部可用过页面 Params获取该数据(可绑定) |
上下文
该组件通过 exposeContext 暴露运行时上下文,使用方式如下:
- 在可执行函数(如事件函数、属性绑定函数)中,通过
$useExposeContext(key)获取; - 在自定义 Hook 或其他组件中,通过
useExposeContext(key)获取。
typescript
exposeContext({
refresh: () => refresh()
})上下文内容:
| 键(key) | 说明 |
|---|---|
refresh | 重新加载组件 |
该组件是实现“页面即组件”理念的关键,极大提升了低代码平台的模块化与复用能力。
