vue可视化表单设计器如何使用

vue可视化表单设计器如何使用

Vue可视化表单设计器是一个基于Vue.js的表单设计器，用于快速生成表单，可以大大提高开发效力。使用步骤以下：
1. 安装Vue可视化表单设计器
在命令行中输入以下命令安装：
```
npm install vue-form-making --save
```
2. 引入Vue可视化表单设计器
在Vue项目中使用Vue可视化表单设计器，需要在组件中引入：
```
import VueFormMaking from 'vue-form-making'
import 'vue-form-making/dist/FormMaking.css'
```
3. 在组件中使用Vue可视化表单设计器
在组件的template中使用Vue可视化表单设计器，例如：
```

```
其中，`formValue`为当前表单的值，`formSchema`为表单的配置项，`onFormChange`为表单值变化时的回调函数。
4. 配置表单项
在组件中配置表单项，例如：
```

```
其中，`fields`为表单项的数组，每一个表单项包括`type`、`label`、`model`、`placeholder`等属性。
5. 运行项目
在命令行中输入以下命令运行项目：
```
npm run serve
```
然后在浏览器中打开项目便可看到可视化表单设计器。