Skip to content

设计器的事件

vue
<fc-designer @active="handleActive" @create="handleCreate" />

active 组件选中事件

当组件在设计器中被选中时触发。事件参数是选中组件的 Rule 对象。

ts
  emit('active', Rule);

create 组件新增事件

创建新组件时触发。事件参数是新创建的 Rule 对象。

ts
  emit('create', Rule);

copy 组件复制事件

当组件被复制时触发。事件参数是复制的 Rule 对象。

ts
  emit('copy', Rule);

delete 组件删除事件

当组件在设计器中被删除时触发。事件参数是被删除的 Rule 对象。

ts
  emit('delete', Rule);

drag 组件拖入事件

当拖拽新的组件到设计器中时触发。事件参数包括拖拽规则 dragRule 和拖拽的组件 item

ts
  emit('drag', {dragRule, item});

inputData 录入数据事件

在录入数据模式下保存录入数据时触发。事件参数是当前的 formData 对象。

ts
  emit('inputData', formData);

inputPageData 录入弹窗数据事件

在弹窗中保存录入数据时触发。事件参数是弹窗中录入的 formData 对象。

ts
  emit('inputPageData', formData);

save 保存事件

点击保存按钮时触发。事件参数是当前表单的 ruleoptions

ts
  emit('save', config);

clear 清空事件

在设计表单被清空时触发。事件参数是清空后的 formData 对象。

ts
  emit('save', formData);