Skip to content

⭐表单构建功能:拖拽组合、配置参数、生成代码、导出文件

Notifications You must be signed in to change notification settings

lizheng0515/buildForm

Repository files navigation

表单构建(偷懒必备,生成你想要的表单)

基于Vue + Element的表单构建组件

本项目实现:通过拖拽UI组件到容器里,任意组合表单,配置组件参数,校验规则,然后生成代码复制出来,或下载Vue文件。

引用以下插件来实现:

  • Vue.Draggable 标准的组件式封装,将可拖动元素放进了容器 transition-group 里面。
  • FileSaver.js 保存文件在客户端的解决方案,用于生成Vue文件
  • JS-beautify 前端美化工具,用于html、js、css的自动化排版
  • Clipboard 用于复制代码

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

About

⭐表单构建功能:拖拽组合、配置参数、生成代码、导出文件

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages