基于 vue+element-ui 动态拖拽表单组件NGForm
今天给大家分享一个挺不错的vue.js+elementUI可拖拽式表单生成组件NgForm。
NG-FORM-ELEMENT 基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面,表单可以导出json格式。
安装
npm install --save ng-form-element
引入使用
// 导入组件库
import NgFormElement from 'ng-form-element'
import 'ng-form-element/lib/ng-form-element.css'
- ng-form-design 表单设计器(基于可视化操作快速设计出表单页面,生成配置json或页面)
- ng-form-build 表单构建器(根据设计器中获取的配置json数据,快速构建出表单页面,添加readonly属性后展现预览表单)
非常不错的一款vue表单设计模板组件,感兴趣的可以去看看哈。
// 预览地址
https://jjxliu306.gitee.io/ng-form-element/
// 仓库地址
https://gitee.com/jjxliu306/ng-form-element
好了,今天的分享就到这里吧。