有了这款vue表单神器，晚上终于不再加班了

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

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

结尾

  本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！ 希望能与大家共同学习交流,欢迎关注我的公众号**【Github导航站】**。