%20(2).svg)
项目简介
本项目是基于Vue.js和ElementUI的JSON表单生成器，采用Schema优先的方式，用户可通过定义JSON Schema快速生成对应表单，无需手动编写大量表单代码，极大提升了表单开发效率。
项目的主要特性和功能
- 支持无限级JSON对象编辑，但不建议层级过深，以免影响维护。
- 能够生成多维数组结构的表单。
- 可灵活使用自定义组件进行渲染。
- 支持数据验证，规则与
el-form的rules规则一致。 - 当
v-model值与schema限定类型不一致时，会自动根据schema声明类型进行修复。 - 版本 1.0.3 新增了内置下拉组件
YoSchemaSelect。 - 可通过
schema配置arrayMaxItems限制array成员数量。
安装使用步骤
安装
假设用户已经下载了本项目的源码文件，可通过以下命令进行安装：
bash
npm install yo-schema-form
yarn add yo-schema-form
使用
全局引入
在 main.js 中全局引入组件：
javascript
import Vue from 'vue'
import YoSchemaForm from 'yo-schema-form'
import 'yo-schema-form/lib/yo-schema-form.css'
Vue.use(YoSchemaForm)
组件使用
在组件中使用 yo-schema-form：
```html
<yo-schema-form
label-width="140px"
v-model="model"
:schema="schema"
```
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】