Skip to content

表单的事件

监听方式:

通过组件监听

html
<form-create @change="onChange"></form-create>

通过 fApi 监听

js
fApi.on('change',this.onChange);

change

  • 类型
ts
  type change = (field:string, value:any,rule:Rule, api:Api, setFlag: boolean)=>void;
  • 说明: 当表单组件的值在组件内部发生变化时触发,setFlagtrue时是主动修改

mounted

  • 类型
ts
  type mounted = (api:Api)=>void;
  • 说明: 在表单首次渲染完成后触发

submit

  • 类型
ts
  type submit = (formData:Object, api:Api)=>void;
  • 说明: 点击表单提交按钮时触发,或是通过api.submit()方法手动触发

remove-field

  • 类型
ts
  type removeField = (field:string, rule:Rule, api:Api)=>void;
  • 说明:移除表单组件规则后触发

remove-rule

  • 类型
ts
  type removeRule = (rule:Rule, api:Api)=>void;
  • 说明:移除生成规划后触发

repeat-field

  • 类型
ts
  type repeatField = (rule:Rule, api:Api)=>void;
  • 说明:规则 field 重复

emit-event

  • 类型
ts
  type emitEvent = (emitName:string, ...args:any[])=>void;
  • 说明: 在组件的 emit 事件触发时触发

control

  • 类型
ts
  type control = (rule:Rule, api:Api)=>void;
  • 说明: 在组件的control生效或失效时触发

reload

  • 类型
ts
  type reload = (api:Api)=>void;
  • 说明: 在表单重载后触发