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

  今天小编给大伙介绍一个表单神器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)