ZBLOG

解释一下export interface FormSchema { // Field name field: string; // Event name triggered by internal value change, default change changeEvent?: string; // Variable name bound to v-model Default value valueField?: string; // Label name ...

这是一个导出的 TypeScript 接口,用于描述表单项的配置信息。具体包含以下属性:

  • field:字段名称。
  • changeEvent:内部值更改时触发的事件名称,默认为 “change”。
  • valueField:与 v-model 绑定的变量名称,默认为 undefined。
  • label:标签名称。
  • subLabel:辅助文本。
  • helpMessage:帮助文本,在标签右侧显示。
  • helpComponentProps:BaseHelp 组件的 props 属性。
  • labelWidth:标签宽度,如果传入,则会使 itemProps 配置的 labelCol 和 WrapperCol 失效。
  • disabledLabelWidth:禁用使用全局设置调整标签宽度,并手动设置 labelCol 和 wrapperCol。
  • component:渲染组件类型。
  • componentProps:组件参数。可以是一个对象或一个函数,接收一个包含 schema、tableAction、formActionType 和 formModel 的参数对象,返回组件需要的 props 对象。
  • required:是否必填项,默认为 false。
  • suffix: 在输入框后缀上附加字符串或数字。也可以是一个回调函数,接收 RenderCallbackParams 对象作为参数,并返回字符串或数字作为后缀内容。
  • rules:验证规则数组。
  • rulesMessageJoinLabel: 是否将验证消息添加到标签中,默认为 false。如果设为 true,则会将验证消息添加到标签中显示,而不是在下方单独显示提示信息。
  • itemProps: 引用 FormModelItem 对象(Ant Design Vue 表单项配置)中除了 col 属性以外的其他属性。
  • colProps: 在 FormModelItem 的 col 属性之外的配置,比如 offset、span 等。
  • defaultValue:默认值。
  • isAdvanced:是否是高级表单项,默认为 false。
  • span:匹配详情组件中占用的列数,默认为 24。
  • ifShow:是否显示该表单项。可以是一个布尔值、一个返回布尔值的回调函数,或一个响应式 Ref 对象,用于根据条件动态控制表单项的显示状态。
  • show:与 ifShow 类似,但不支持响应式 Ref 对象,并且在验证时会被忽略。
  • render:在 form-item 标签内部渲染内容,可以是 VNode 或字符串等类型。
  • renderColContent:渲染 col 内部的内容,需要将其包裹在 form-item 中。可以是 VNode 或字符串等类型。
  • renderComponentContent: 渲染组件内部的内容。如果是函数,则接收 RenderCallbackParams 参数对象作为参数;如果是其他类型,则直接渲染该内容。
  • slot:自定义插槽,在 form-item 内使用。
  • colSlot: 自定义插槽,在 form-item 的 col 属性内使用。
  • dynamicDisabled: 是否动态禁用表单项。可以是一个布尔值或返回布尔值的回调函数,用于根据条件动态禁用该表单项。如果设为 true,则始终禁用该表单项;如果设为 false,则始终启用该表单项。
  • dynamicRules: 动态验证规则。接收 RenderCallbackParams 参数对象作为参数,并返回一个验证规则数组。

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=3867

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?