![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element拖拽生成表单
文章平均质量分 62
轮回千载
默默打工仔
展开
-
element form表单二次封装,并做成可拖拽的表单
今天为大家带来一篇element form表单二次封装,并做成可拖拽的表单 现阶段大部分功能已经完善,后续会添加更多的组件 首先先带搭建看一下页面 项目基于element ui 二次封装后的zx-lib 现在先来说一下zx-lib zx-lib 为element ui 二次封装的form表单以及table组件,现在已上传到npm 大家可以在线使用 使用方法: npm i zx-lib -S main.js 中引用 import zxLib from ‘zx-lib’ Vue.use(zxLib原创 2021-02-08 12:14:04 · 1772 阅读 · 0 评论 -
基于之前element form二次封装的组件 element ui 拖拽表单生成器
之前将element ui 的form表单进行了二次封装 详细内容请看链接: element-ui form表单,table二次封装 现基于zx-form实现拖拽生成表单 现在先来看一下页面效果 其中大部分效果已经实现,有时间会继续优化 包含的一些逻辑 1.查看json数据 拖拽后的表单可查看json数据,Json数据支持导出与复制 2.设置Json数据 可直接设置json数据来展示表单 3.导出vue文件 设计好表单后可直接导出vue文件,放入对象项目中,可以直接使用 4.复制代码 表单设计好原创 2021-02-07 15:27:38 · 863 阅读 · 0 评论