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

  明天小编给大伙介绍一个表单神器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导航站】