import{ax as a,z as i,A as e,b5 as n}from"./chunks/framework.DRScawWW.js";const k=JSON.parse('{"title":"FormDialog组件 events","description":"","frontmatter":{},"headers":[],"relativePath":"api/form/form-dialog-events.md","filePath":"api/form/form-dialog-events.md"}'),t={name:"api/form/form-dialog-events.md"};function l(r,s,o,h,p,d){return e(),i("div",null,[...s[0]||(s[0]=[n(`
详情: 弹出关闭
事件回调函数: () => void
详情: 调用 save() 校验通过后触发
事件回调函数: (values: any, eventData: { changeRecords: ChangeRecord[] }) => void
详情: 表单校验不通过时触发
事件回调函数: (invalidFields: Record<string, { message: string; field: string }[]>) => void
注意:与 Form 的 error 事件一致,回调收到的是 element-plus validate 返回的 invalidFields 结构,不是 Error 实例。
详情: 表单中任何值发生变化
事件回调函数: (values: any, eventData: ContainerChangeEventData) => void
注意:第一个参数是整张表单的 values,并非单个字段的值。
其中 ContainerChangeEventData 定义如下:
interface ChangeRecord {
propPath?: string;
value: any;
}
interface ContainerChangeEventData {
modifyKey?: string;
changeRecords?: ChangeRecord[];
}