大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!
今天小编给大伙介绍一个表单神器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导航站】**。