今天给大家分享一个挺不错的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'

<div id="app"> 
    <ng-form-design  />
</div>

• ng-form-design 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面）
• ng-form-build 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面，添加readonly属性后展现预览表单）

非常不错的一款vue表单设计模板组件，感兴趣的可以去看看哈。

// 预览地址
https://jjxliu306.gitee.io/ng-form-element/
// 仓库地址
https://gitee.com/jjxliu306/ng-form-element

好了，今天的分享就到这里吧。