fuchen1994/vue-ele-form

基于element-ui的数据驱动表单组件

vue-ele-form | 基于 element-ui 的数据驱动表单组件

说明

vue-ele-form 是基于 element-ui form 的二次封装, 主要特点:

• 内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;
• 拥有上传图片增强, 上传视频增强, 富文本，markdown, 地图, 代码编辑器, json 编辑器等丰富的第三方扩展，满足你的更多需求;
• 配备可视化生成表单工具;
• 内置表单校检;
• 表单布局 和 响应式表单;
• 可以通过插槽自定义表单项;
• 压缩后只有几十 KB 大小。

而上面所说的一切只需要一行 html 和 数据即可实现, 即保证了质量, 又使得开发速度仿佛坐上 🚀!

图片演示

文档

https://www.yuque.com/chaojie-vjiel/vbwzgu

DEMO

https://codepen.io/dream2023/pen/KjGKYW

可视化生成表单

项目地址: https://github.com/dream2023/vue-ele-form-generator

安装

npm install vue-ele-form --save

使用

import EleForm from 'vue-ele-form'

Vue.use(EleForm)

开发规划

• 增加 file 组件
• 增加视频源码讲解
• 增加 tab 分组
• 增加单元测试 和 E2E 测试
• 国际化
• iview 和 ant-design for vue 支持

脑图

地址: http://naotu.baidu.com/file/34476f28500bd20d0ab9fbef03a1cf0b?token=b6e652d3bf040481

赞助

如果您觉得还行, 请您一定要点一下右上角的 star, 如果您觉得对您帮助非常大, 就打赏一下, 不胜感谢 💰