基于Vue,ElementUI开发的一款表单设计器

介绍


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

工具地址:http://tools.xiaoyaoji.cn/form

GitHub地址:https://github.com/GavinZhuLei/vue-form-making

特性

  • 可视化配置页面
  • 提供栅格布局,并采用flex实现对齐
  • 一键预览配置的效果
  • 一键生成配置json数据
  • 一键生成代码,立即可运行
  • 提供自定义组件满足用户自定义需求
  • 提供远端数据接口,方便用户需要异步获取数据加载
  • 提供功能强大的高级组件
  • 支持表单验证
  • 快速获取表单数据

CDN




 

 Install

npm install form-making -S

 

Quick Start

import FormMaking from 'form-making'
import 'form-making/dist/FormMaking.css'
Vue.use(FormMaking)

// or
import {
  GenerateForm
} from 'form-making'
import 'form-making/dist/FormMaking.css'

Vue.component(GenerateForm.name, GenerateForm)

Template

功能介绍

通过 在线地址 生成的JSON,用于表单渲染
基于Vue,ElementUI开发的一款表单设计器_第1张图片

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





问题交流

QQ群:902048874

你可能感兴趣的:(基于Vue,ElementUI开发的一款表单设计器)