表单组件
npm install jsmom-form
javascript import MyForm from "jsmom-form";
- 注册
javascript components: { MyForm, }
- 页面
html
配置 - fieldData 字段配置
- name
字段名 - text
展示文本 - formType
类型 select|cascader|selectData|textarea|datetime|date|calendar|images|file|number|switch|content|text|html|radio - enumName
枚举名 - formRules
|
表单验证规则 - formSpan
表单占栅格数 最大 24 - inputStyle
表单输入项 style - selectMultiple
多选 - clearable
可被清理 - optionLoading
选择列表加载中 - isLazy
懒加载(级联选择) - lazyLoadFunction
懒加载函数(级联选择) - showAllLevels
显示所有级(级联选择) - isCheckStrictly
父子不关联(级联选择) - isCollapseTags
折叠选项 - selectOption
选择项 - allowCreate
手动创建选择项 - filterable
是否可搜索 手动创建开启时必须为 true - defaultFirstOption
回车时选择第一个 - dateType
日期类型 year|month|date|dates| week|datetime|datetimerange|daterange|monthrange - selectTable
选择表 - selectParams
选择额外的参数(selectData) - formEventMaps
表单多动态事件 - beforeUpload 图片上传前 - selectBind
关联其他字段(selectData) - disabled
禁用表单 - valueFormat
格式化时间值 - textareaRowNum
文本域显示行数 - limit
限制文件图片数量 - showStepControls
显示步进控制条 - numberMin
最小数值 - numberMax
最大数值 - numberPrecision
数值精度 - numberStep
步进值 - switchActiveValue
开关打开时的的值 - switchinactiveValue
开关关闭时的值 - uploadUrl
文件上传 URL - checkUrl
检查服务器文件是上传情况 - mergeUrl
请求文件合并 URL - fromTable
文件关联表 - downloadUrl
文件下载 - placeholder
表单占位符 - fileList
附件时,文件列表 - action
图片文件上传地址 - imageUrl
图片预览地址 将替换$id - listType
图片组件类型 - showFormItem
显示在表单中 - showPreviewItem
显示在预览中 - initalValue
初使值 - formatterFunction
格式化方法 - ~~postFormatterDataFunction
添加更新时的数据格式化~~ - ~~editFormatterDataFunction
编辑时的数据格式化~~ - downloadUrl
下载链接 替换$id - formatTextFunction
格式化自定义日历的内容 - formLabelWidth
单标签宽度 - formOnClick
点击表单事件 - formatterFormFunction
格式化表单方法 参数 { formData, value } - isPreview 预览
- size 组件大小
medium|small|mini - configData
- editLabelWidth
标签宽度 - headers
请求头信息 - baseApi