![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuejs
文章平均质量分 57
轮回千载
默默打工仔
展开
-
element form表单二次封装,并做成可拖拽的表单
今天为大家带来一篇element form表单二次封装,并做成可拖拽的表单现阶段大部分功能已经完善,后续会添加更多的组件首先先带搭建看一下页面项目基于element ui 二次封装后的zx-lib现在先来说一下zx-libzx-lib 为element ui 二次封装的form表单以及table组件,现在已上传到npm大家可以在线使用使用方法:npm i zx-lib -Smain.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 评论 -
element-ui form表单,table二次封装
开发过程中将element-ui 进行了二次封装,table 之前文章讲解过了,现在来说一下form表单二次封装表单中现在 封装了如图所示的这些组件,组件只是将elemen中的组件进行了封装,方便使用,form中预留slot插槽,可以根据自己需要,放置不同组件,使用如下:forform 采用了el-row el-col 布局 formCols形式为[ [ ] ,[ ] ,[ ] ] ,每个中括号代表一行 { eT...原创 2021-01-29 18:23:41 · 4027 阅读 · 5 评论 -
element-ui table 二次封装
结合项目需求,将element ui table进行了二次封装,封装后通用表格配置更方便使用时,配置table-cols 以及table-data 来设置表格每列<m-table :load-data="loadData" :is-index="true" :is-selection="true" :table-data="tableData" :table-cols="tableCols" :pagination="pagination"&.原创 2021-01-26 15:18:42 · 734 阅读 · 0 评论 -
基于vue的离线广播
最近喜欢上了听广播,将云听上的国家频道的广播整理了下,做了个离线版本的网页,下载下来后解压打开页面可以听以往历史的所有广播节目,节目实时更新,方便好用,欢迎大家下载试听地址:https://download.csdn.net/download/mengdongdew/14919394...原创 2021-01-22 15:53:55 · 226 阅读 · 0 评论 -
element 2.15.0 离线文档
之前由于一直在内网开发,每次打开element文档都比较麻烦,这几天时间比较宽裕,将element文档扒下来了为最新版本2.15.0,直接打开即可使用 与线上api 一致,可离线观看下载地址 https://download.csdn.net/download/mengdongdew/14911397...原创 2021-01-22 15:47:25 · 2052 阅读 · 4 评论