有了这款vue表单神器,晚上终于不再加班了__Vue.js
发布于 3 年前 作者 banyungong 1072 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

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

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

结尾

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

版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: Github导航站 原文链接:https://juejin.im/post/6922273256393310216

回到顶部