Field 表示 Applet 中的一个字段,通常对应实体的一个字段。EField 有两种模式,查看状态和编辑状态。EField 支持自定义子元素,也支持使用 Engage 组件库的表单组件。

# 基础实例

# 标签、标签宽度、标签对齐方式

通过设置 labellabelWidthlabelTextAlign可以设置组件的标签与对应的特性,其中 labelTextAlign 支持 leftrightcenter 三种定位方式。

# 帮助文本

编辑模式的 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 - -