elementui可视化设计_基于Vue,ElementUI开发的一款表单设计器

介绍

基于Vue,ElementUI开发的一款表单设计器，提高表单开发效率的利器，让开发者从枯燥的表单代码编写中解放出来

image

特性可视化配置页面

提供栅格布局，并采用flex实现对齐

一键预览配置的效果

一键生成配置json数据

一键生成代码，立即可运行

提供自定义组件满足用户自定义需求

提供远端数据接口，方便用户需要异步获取数据加载

提供功能强大的高级组件

支持表单验证

快速获取表单数据

CDN

Installnpm install form-making -S

Quick Startimport FormMaking from 'form-making'import 'form-making/dist/FormMaking.css'Vue.use(FormMaking)// orimport {

GenerateForm

} from 'form-making'import 'form-making/dist/FormMaking.css'Vue.component(GenerateForm.name, GenerateForm)

Template

功能介绍

通过 在线地址生成的JSON，用于表单渲染

image

下面就是加载对应的数据用于展示，假设你已经正确加载组件

:data="jsonData"