Skip to content

嵌入页面

该组件是低代码平台中用于嵌入和预览另一个低代码页面的专用容器。它通过 fileIdversion 动态加载指定的低代码页面,并支持布局对齐与栅格控制。

基础属性

属性类型默认值说明
水平排列 justify枚举'center'控制嵌入页面在容器中的水平对齐方式
列宽 spannumber24占满整行(Element Plus 栅格最大值为 24)
其他栅格属性offset, xs, sm支持响应式布局配置

高级属性

属性类型说明
文件ID fileIdstring低代码文件ID(可绑定)
文件版本 versionstring指定加载的文件版本,不指定加载最新版本(可绑定)
绑定数据 paramsstring组件内部可用过页面 Params获取该数据(可绑定)

上下文

该组件通过 exposeContext 暴露运行时上下文,使用方式如下:

  • 可执行函数(如事件函数、属性绑定函数)中,通过 $useExposeContext(key) 获取;
  • 自定义 Hook 或其他组件中,通过 useExposeContext(key) 获取。
typescript
exposeContext({
  refresh: () => refresh()
})

上下文内容:

键(key)说明
refresh重新加载组件

该组件是实现“页面即组件”理念的关键,极大提升了低代码平台的模块化与复用能力。