表单神器vue-ele-form。vue-ele-form 是基于element-ui form的二次封装。

主要特性

  • 内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;
  • 拥有上传图片增强, 上传视频增强, 上传文件增强,树形下拉选择框, 富文本，表格编辑器, 动态表单, markdown, 地图, 代码编辑器, json 编辑器等丰富的第三方扩展，满足你的更多需求;
  • 配备可视化生成表单工具;
  • 内置表单校检;
  • 表单布局和 响应式表单;
  • 表单分组;
  • 联动显示/隐藏、启用/禁用、重新获取 options 值
  • 可以通过插槽自定义表单项;
  • 支持国际化;
  • 一键 Mock模拟数据;

  而上面所说的一切只需要一行 html 和 数据即可实现, 即保证了质量, 又使得开发速度仿佛坐上

图片演示

 

可视化生成表单

安装

npm install vue-ele-form --save

使用

 
import EleForm from 'vue-ele-form'

Vue.use(EleForm)