vue ele form

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

814
146
Vue

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

MIT Licence
npm
download

维护说明

项目由于架构方面的问题,本人不再维护,也不推荐大家使用,但是如果你已经在用了,并且发现了问题,可以通过 PR 方式提交改善,我也会帮忙发布 npm 版本。

说明

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

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

图片演示

vue-ele-form演示图

DEMO

https://dream2023.github.io/vue-ele-form/

文档

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

可视化生成表单

f-render 演示图

项目地址: https://github.com/dream2023/f-render

安装

npm install vue-ele-form --save # yarn add vue-ele-form

使用

import EleForm from 'vue-ele-form'

Vue.use(EleForm)

生态

生态

Project Status Description
vue-ele-form npm 接基于 ElementUI 的数据驱动表单
f-render npm 专为 vue-ele-form 开发的可视化表单设计工具
vue-ele-form-json-editor npm JSON 编辑器(vue-ele-form 扩展)
vue-ele-form-upload-file npm upload 文件上传组件(vue-ele-form 扩展)
vue-ele-form-image-uploader npm 上传图片增强组件(vue-ele-form 扩展)
vue-ele-form-tree-select npm 树形选择框组件(vue-ele-form 扩展)
vue-ele-form-table-editor npm 表格编辑器(vue-ele-form 扩展)
vue-ele-form-dynamic npm 动态表单(vue-ele-form 扩展)
vue-ele-form-video-uploader npm 上传视频增强组件(vue-ele-form 扩展)
vue-ele-form-quill-editor npm 富文本编辑器(vue-ele-form 扩展)
vue-ele-form-markdown-editor npm markdown 编辑器(vue-ele-form 扩展)
vue-ele-form-bmap npm 百度地图组件(vue-ele-form 扩展)
vue-ele-form-codemirror npm 代码编辑器(vue-ele-form-gallery 扩展)
vue-ele-form-gallery npm 图片/视频展示组件(vue-ele-form 扩展)
vue-ele-form-data-editor npm 轻量级数据编辑器(vue-ele-form 扩展)

特别感谢赞助者

优客服
圣捷远创
damonnie
xzusoft
seeenter
高亢

如果您觉得对您有所帮助, 可以请作者喝一杯咖啡, 让开源走的更远, 点击进入码云赞赏一下, 并加入下面交流群, 将链接发送给我

贡献指北

  • 如果发现了 BUG, 不要着急, 先去 issues 里搜索一下, 如果没有找到类似的解决方案, 可以提一个 BUG, 如果知道怎么修复它就更好了, 请参考 贡献指北文档;
  • 如果有新功能 或者 建议, 也需要先在 issues 中提出来, 如果能用代码实现, 就更好了, 请参考 贡献指北文档;
  • 如果想贡献代码, 可以在开发规划中找一个未完成的功能, 进行完善, 请参考 贡献指北 文档。