Skip to content

容器组件

容器组件用于承载特殊内容区域,例如预留插槽、动态渲染块、包一层表单项等。多数业务表单以基础组件 + 布局/子表单即可完成;当需要嵌入定制区域或特殊渲染时,再使用本分组。

在哪里找

组件列表容器组件分组。

和布局、模块的分工

诉求优先
多列、页签、卡片分区布局组件
弹窗 / 抽屉模块管理
可重复明细、分步子表单组件
定制嵌入、插槽、动态块容器组件(本文)

常见成员

组件作用(产品视角)何时用
插槽区域预留可被外部内容填充的位置环境注入定制卡片、评分块
动态区域按配置动态展示一块内容按条件换一块展示区
Vue 组件嵌入已有的界面片段(需环境支持)复用团队已有组件
表单项以表单项方式包裹内容,统一标签与校验布局说明文字也要对齐标签栏

具体名称以你环境中的组件列表为准。

怎么用(分步)

  1. 确认普通布局/子表单无法满足,再选容器。
  2. 拖入容器到目标位置。
  3. 按界面配置插槽名、动态内容、或嵌入组件标识。
  4. 与管理员确认环境侧是否已接入对应内容。
  5. 预览检查占位是否被正确填充、标签是否对齐。

业务示例

入门:用表单项包裹一段说明

把说明文字放进表单项容器,标签「填写须知」与其它字段对齐,阅读更整齐。无需插槽。

常用:预留「信用评估」定制区

主表收集企业基本信息;底部放插槽/动态区域,由环境注入信用评分卡片。配置人员负责字段区,定制区由管理员维护来源。

常用:动态区域按类型切换说明

用户类型变化时,动态区域展示个人须知或企业须知(也可配合隐藏条件切换两块说明,按复杂度选择)。

注意点

  • 容器是否可用、内部能放什么,受环境配置影响。
  • 先完成可拖拽字段的业务闭环,再嵌入定制区域,降低联调成本。
  • 定制区故障时不影响主表字段填写为佳(降级策略由环境决定)。

相关阅读

相关技术文档