v-form-antd



简介

本项目使用json渲染表单，支持自定义组件、表单联动等高级功能，使用 vue2 + CompositionAPI + ts 实现伪 vue3 应用

+ 表单设计器
+ github
+ 码云
+ Document
+ 国内文档地址

使用方法

在引入v-form-antd之前，请确保您已经引入ant-design-vue以下组件：

``javascript
import {
Input,
ConfigProvider,
Collapse,
Empty,
FormModel,
Row,
Tabs,
Button,
Icon,
Radio,
InputNumber,
Slider,
Tooltip,
Divider,
Modal,
Col,
Checkbox,
Select,
DatePicker,
Upload,
Switch,
Space,
Popover,
Cascader,
Rate,
TimePicker,
TreeSelect
} from 'ant-design-vue'
`


1. 安装
`shell
yarn add v-form-antd


or


npm install v-form-antd
`

2. 在vue中使用
`javascript
// main.js
import Vue from 'vue'
import VFormAntd from 'v-form-antd'
import 'v-form-antd/lib/index.css'

Vue.use(VFormAntd)
`

3. 使用表单设计器
`vue

`

4. 使用v-form-create渲染表单
`vue



``