FormCreate 提供了丰富的 API 接口,允许开发者在表单的各个阶段进行全面控制,包括表单的生成、动态更新、验证和数据处理等功能。这些 API 可以帮助您轻松实现各种复杂的表单需求。 获取API FormCreate 提供了多种方式获取 fApi 对象,以便开发者可以在不同的场景中操作和管理表单。
api: APi,//apirule: Rule[],//生成规则self: Rule,//当前生成规则option: Object,//全局配置inject: Any,//自定义注入的参数args: any[],//原始回调参数} 向事件中注入fApi和自定义数据的示例 <template> <form-create :rule="rule" v-model:api="fApi" :option="options" @prefix1-change="change"...
# 获取API全局方法 const fApi = formCreate(rules) const fApi = vm.$formCreate(rules) 组件模式 <form-create v-model="fApi"></form-create> export default { data(){ return { fApi: null } } } # 属性# 生成规则type rule = FormRule[] ...
全局Api 调用方式:全局formCreate.parseJson(json) 在Vue中vm.$formCreate.parseJson(json) # create类型:Function 参数: Array rules Object options 返回值: Object fApi 说明:生成表单 用法: const fApi = formCreate.create(rules, options) # getApi v2.5.20+类型:Function 参数: String name 说明: 通过...
:(api:Api)=>void;//设置 Col 组件的整体配置。col?:Boolean|ColProps&{show?:Boolean;};//设置 Row 组件的整体配置。row?:Boolean|RowProps&{show?:Boolean;};//设置悬浮提示组件的配置。info?:Boolean|VNodeRule&{show?:Boolean;native?:Boolean;icon?:string;align?:'left'|'right';info?:string;};...
<template><div><form-create:rule="rule"v-model:api="fApi":option="options"v-model="value"></form-create></div></template><script>exportdefault{ data() {return{ fApi: {}, value: {}, options: { onSubmit: (formData)=>{ alert(JSON.stringify(formData)) ...
formCreateInject.api 表单 API 对象,用于操作表单。 formCreateInject.options 表单组件的全局配置。 formCreateInject.rule 生成规则对象,定义了组件的所有配置。 formCreateInject.field 字段名称,与表单数据绑定。 扩展表单组件教程在FormCreate 中,您可以轻松地将自定义的 Vue 组件转换为表单组件,甚至可以与内置表单...
方法一:我们可以在api接口文件里进行拦截和设置上传组件的onSuccess回调函数 例如: /** * @description APP版本信息 -- 编辑 */exportasyncfunctionappVersionsUpdateApi(id){letres=awaitrequest.get(`mmp/appVersionsUpdate/form/${id}`)//获取生成规则letrules=res.data.rule//获取需要设置的规则letuploadIndex...
My API Proposal useForm(initialState) Create the form in the function components, it returns FormObject which including some sub hooks, they will be introduced later. Params initialState: { [key: string]: string | number | string[] | number[] } the initial state of the form. Returns For...
//$f为表单api $f = window.formCreate.create( //表单生成规则 [ window.formCreate.maker.input('商品名称','goods_name',''), window.formCreate.maker.date('创建时间','created_at') ], //组件参数配置 { el:root, //显示表单重置按钮 ...