大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！

  今天小编给大伙介绍一个表单神器vue-ele-form。vue-ele-form 是基于element-ui form的二次封装。

主要特性

  • 内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;

  • 拥有上传图片增强, 上传视频增强, 上传文件增强,树形下拉选择框, 富文本，表格编辑器, 动态表单, markdown, 地图, 代码编辑器, json 编辑器等丰富的第三方扩展，满足你的更多需求;

  • 配备可视化生成表单工具;

  • 内置表单校检;

  • 表单布局和 响应式表单;

  • 表单分组;

  • 联动显示/隐藏、启用/禁用、重新获取 options 值

  • 可以通过插槽自定义表单项;

  • 支持国际化;

  • 一键 Mock模拟数据;

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

图片演示

1581727727583-16c6d520-6438-4531-8772-a0f232b1d63e

可视化生成表单

image-20210127110537923

安装

npm install vue-ele-form --save

使用

import EleForm from 'vue-ele-form'Vue.use(EleForm)