Form 表单

表单业务组件，专门为表单而设计的，利用它可以快速实现表单验证、提交、增删改查等功能。

Props

Prop name	Description	Type	Values	Default
more	form 提交其他参数	object	{key:value}	{}
formData	form 数据	object	{"list": [], "config": {"layout": "horizontal", "labelCol": {"xs": 4, "sm": 4, "md": 4, "lg": 4, "xl": 4, "xxl": 4}, "wrapperCol": {"xs": 18, "sm": 18, "md": 18, "lg": 18, "xl": 18, "xxl": 18}, "hideRequiredMark": false, "customStyle": ""}}	{}
url	提交 url	string	-	""
titleStyle	title 的自定义样式	object	-	{}
_formList	通过 api 拿到的表单数据(递归组件需要)	array	-	[]
_formConfig	内部 form 递归组件的配置(递归组件需要)	object	-	{}

Events

Event name	Properties	Description
dataItem	data Object - 内部表单数据	递归表单内部数据改变事件
submit	data object - 表单提交数据	表单提交事件

Slots

Name	Description	Bindings
more	自定义的其他表单组件，提交参数通过 more 传递

---

Form 使用方法

注意：formData 表单数据是通过表单设计器 k-form-design 拿到的。推荐使用 k-form-design 快速部署您的表单页面。使用地址：http://cdn.kcz66.com/k-form-design.html

<uct-form
  class="px40"
  :formData="formData"
  :url="url"
  @submit="submit"
></uct-form>

export default {
  data() {
    return {
      formData: require("@/json/form.json"), //表单数据

      url: "system/uploadPartnerByProject" //表单提交地址
    };
  },
  methods: {
    // 成功回调
    submit(data) {
      setTimeout(() => {
        uni.navigateBack({
          delta: 1
        });
      }, 1000);
    }
  }
};