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