基于ant-design-vue的表单设计器,可视化开发表单
npm install v-form-antd




+ 表单设计器
+ 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-antdor
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
:formData="formData"
v-model="fApi"
/>
``