Field 表示 Applet 中的一个字段,通常对应实体的一个字段。EField 有两种模式,查看状态和编辑状态。EField 支持自定义子元素,也支持使用 Engage 组件库的表单组件。
# 基础实例
# 标签、标签宽度、标签对齐方式
通过设置 label
、labelWidth
和labelTextAlign
可以设置组件的标签与对应的特性,其中 labelTextAlign
支持 left
、right
和 center
三种定位方式。
# 帮助文本
编辑模式的 EField 组件支持提供表单的帮助信息。
# 使用表单组件
EField 组件支持使用 Engage 中已有的表单组件,并支持原表单组件的特性。只需要设置 EField 的 template
属性为某个表单组件即可。
# EField
# Props
Name | Description | Type | Required | Default |
---|---|---|---|---|
template | - | String | true | - |
label | - | String | false | - |
labelWidth | - | String / Number | false | - |
labelTextAlign | - | String | false | - |
helper | - | String | false | - |
# Slots
Name | Description | Default Slot Content |
---|---|---|
name | - | - |
name | - | - |