Appearance
子页面容器
在 HFLVComp 组件库中,提供子页面容器和子页面容器组两个组件,用于实现页面的嵌套与复用。
子页面容器
用于渲染子页面的容器组件,支持静态指定页面 ID 或动态绑定页面 ID。

数据配置
| 配置 | 说明 |
|---|---|
| 页面 Id | 固定值,直接指定要渲染的子页面 ID |
| ID 缓存地址 | 与数据缓存对象中的某个 Key 绑定,用于动态获取页面 ID |
| 配置来源 | 数据库 / 文件(暂未启用) |
| 容器参数 | 以 JSON 对象格式配置,传递给子页面的参数 |
| 格式组件 | 默认关闭。开启后,子页面将按复合组件模式渲染 |
格式组件说明
得益于查询页面配置时使用的前端缓存技术,可以快速返回页面配置,从而将页面设计作为复合组件使用,由基础组件构建更高层级的业务组件。
在复合组件设计中,支持使用 {#参数名#} 格式的占位符。当开启格式组件并传递容器参数时,子页面渲染过程中会自动使用容器参数中对应 Key 的值替换占位符,再完成页面渲染。
示例:复合组件设计
通过多个基础组件搭配设计一个业务组件,例如逆变器卡片:

示例:使用复合组件
通过子页面容器引用“逆变器卡片”设计页面,启用格式组件,并在容器参数中传递动态占位符的值:

子页面容器组
子页面容器组采用类似卡片式布局的设计,将多个子页面集中管理,通过切换当前激活的页面来决定展示哪一个。内部使用 <keepAlive> 对已加载的页面进行缓存,从而实现页面的快速切换,提升用户体验。
支持以下两种方式指定页面集合:
- 静态指定:在配置中直接定义固定的页面列表。
- 动态绑定:通过与数据缓存对象中的某个 Key 绑定,动态获取页面集合。
