form-create 动态配置表单

form是一个基于Vue的表单生成器，它能够根据动态配置快速生成表单。通过简单的JSON配置，你可以定义表单的字段、样式、校验规则等，还可以灵活地控制表单的展示和交互逻辑。

使用form-create，你可以通过以下步骤来创建动态配置表单：

1. 安装form-create：

   npm install form-create

2. 在Vue组件中导入form-create：

   import formCreate from 'form-create'

3. 在Vue组件的`mounted`生命周期钩子中初始化form-create：

   mounted() {
     this.$formCreate = formCreate.init(this)
   }

4. 在Vue组件中定义表单的JSON配置：

   data() {
     return {
       form: {
         fields: [
           { type: 'input', label: '姓名', name: 'name', value: '', rules: ['required'] },
           { type: 'select', label: '性别', name: 'gender', value: '', options: ['男', '女'] },
           // 更多字段...
         ]
       }
     }
   }

5. 在Vue组件中渲染表单：

   render() {
     return (
       <form>
         {this.$formCreate.render(this.form.fields)}
         <button @click="submit">提交</button>
       </form>
     )
   }

6. 在Vue组件中处理表单提交事件：

   methods: {
     submit() {
       this.$formCreate.validate(this.form.fields, (valid, formData) => {
         if (valid) {
           // 表单验证通过，可以提交数据
           // formData为表单的字段值
         } else {
           // 表单验证未通过，可以进行错误提示等处理
         }
       })
     }
   }

以上就是使用form-create动态配置表单的基本步骤。你可以根据需要定义更多字段、样式和交互逻辑。form-create还提供了丰富的表单组件和校验规则，以及自定义模板和扩展功能，详细内容可以参考form-create的官方文档。