An open API service indexing awesome lists of open source software.

https://github.com/kevinzhang19870314/v-formly

v-formly 是 vue 的动态(JSON 驱动)表单库。
https://github.com/kevinzhang19870314/v-formly

ajv-validation ant antdesignvue form formly json-schema v-formly vue vue-formly vue2 vuejs

Last synced: 3 months ago
JSON representation

v-formly 是 vue 的动态(JSON 驱动)表单库。

Awesome Lists containing this project

README

          

# v-formly

[v-formly](https://kevinzhang19870314.github.io/v-formly/zh/) 是 vue 的动态(JSON 驱动)表单库。

**Vue 3版本的请移步这里[v-formly-v3](https://github.com/KevinZhang19870314/v-formly-v3)**



简洁至上


通过标准JSON Schema & Ajv Validator生成复杂的动态表单及校验,快速、简洁、高效。




可复用性


通过JSON的形式生成表单模板,一份表单简单修改即可多处复用!使您能够快速开发表单页面,相比编写传统的html form表单,使用JSON形式定义表单能够极大的提高了开发效率。




Vue 驱动


目前支持Vue 2.x & Ant Design of Vue v1,Vue 2.x和Vue 3.x的其他UI库(AntDv v3,ElementUI等)支持正在开发中。。。



## 快速开始

### 文档 & Demo

[文档](https://kevinzhang19870314.github.io/v-formly/zh/)

[Stackblitz](https://stackblitz.com/edit/github-gr9ozc?file=src%2FApp.vue&terminal=serve)

[CodeSandbox](https://codesandbox.io/s/blazing-sun-gtvwwz)

### 安装

使用`yarn`安装`v-formly`:

```sh
yarn add v-formly
```

或者使用`npm`安装它:

```sh
npm i v-formly --save
```

### 使用

```js
// 别忘了引入Ant Design of Vue 1.7.8,v-formly当前只支持这个版本。

import VFormly from "v-formly";

// ...
Vue.use(VFormly);
// ...
```

## 其他

不论是学习还是使用 v-formly,有任何问题可以添加 QQ 群:610930944,我们为你解答关于使用 v-formly 过程中的的任何疑难杂症!

暗号:v-formly

MIT Licensed | Copyright © 2022-present v-formly