字段组件类型

字段组件 - 图1

字段组件类型名

字段类型 类型名（type） 备注
单行输入 input
多行输入 textarea
计数器 number
单选项 radio
多选项 checkbox
下拉选项 select
时间 time
时间范围 time-range
日期 date
日期范围 date-range
开关 switch
评分 rate
颜色选择器 color
滑块 slider
静态文字 static-text
HTML html-text
按钮 button
分隔线 divider
图片 picture-upload
文件 file-upload
富文本 rich-editor
级联选择 cascader -

交互事件

交互事件可在表单设计器中编写事件处理代码。

事件名称 说明 回调参数
onCreated 组件创建后触发 —
onMounted 组件挂载后触发 —
onClick 按钮被点击触发 —
onInput 输入框值改变时触发 value：当前输入值
onChange 组件数据（v-model）改变时触发 (value, oldValue, subFormData, rowId)：
value，当前数据值
oldValue，变化之前的数据值

如果字段位于子表单内，还会返回下述两个回调参数：
subFormData，组件所在子表单数据
rowId，组件所在子表单的行Id（非行索引）
onFocus 获得焦点时触发 event：事件
onBlur 失效焦点时触发 event：事件
onValidate 组件数据校验时触发 (rule, value, callback)：
rule，组件校验规则
value，组件数据值
callback，校验回调函数
onBeforeUpload 图片或文件组件开始上传时触发 file：上传文件
onUploadSuccess 图片或文件组件上传成功后触发 (result, file, fileList)：
result，上传处理结果
file，当前上传文件
fileList，上传文件列表
onUploadError 图片或文件组件上传失败后触发 (error, file, fileList)：
error，错误信息
file，当前上传文件
fileList，上传文件列表
onFileRemove 删除图片或文件时触发 (file, fileList)：
file，被删除文件
fileList，文件列表
onRemoteQuery 下拉选项组件（Select）远程搜索时触发 keyword：搜索词

API方法