基于vue3和element-plus封装的curd组件,支持el-table和el-tree,类似avue-curd 本文连接:https://www.cnblogs.com/muphy/p/15826954.html 写这个的主要目的还是为了学习vue3,为了快速学习,我从gitee找到 ...
封装组件代码 组件:树 参数说明 属性: .treeData:展示数据 array .treeEmptyText:内容为空的时候展示的文本 String .treeNodeKey:每个树节点用来作为唯一标识的属性,整棵树应该是唯一的 String .treeRenderAfterExpand:是否在第一次展开某个树节点后才渲染其子节点 boolean .treeHighlightCurrent:是 ...
2019-06-19 15:06 0 851 推荐指数:
基于vue3和element-plus封装的curd组件,支持el-table和el-tree,类似avue-curd 本文连接:https://www.cnblogs.com/muphy/p/15826954.html 写这个的主要目的还是为了学习vue3,为了快速学习,我从gitee找到 ...
最近做了第一个组内可以使用的组件,虽然是最简版,也废了不少力。各位前辈帮我解决问题,才勉强搞定。让我来记录这个树形组件的编写过程和期间用到的知识点。 首先说说需求,就是点击出现弹窗+蒙板,弹窗内容是一个树组件当然,什么弹窗大小啊,是否显示多选框,默认选中,通过关键字过滤节点(element都自带 ...
今天记录组件的代码和一个调用它的父组件的代码,接口接收数据直接传element直接能用的,也就是经过上一章函数处理过的数据以下是代码 父组件 子组件 里面用的事件都是element封好的直接用就好了比如 更多的事件,属性直接去element官网找就好 ...
本来昨天就想分享封装的这个upload组件,结果刚写了两句话,就被边上的同事给偷窥上了,于是在我全神贯注地写分享的时候,他就神不知鬼不觉地突然移动到我身边,腆着脸问我在干啥呢。卧槽你妈,当场就把我吓了一跳,我说我没干嘛,在工作啊,然后我就把浏览器窗口切换了,他就来了一句:我看到了博客。我没搭理 ...
后台系统,table被用的次数比较多,所以决定提出来作为组件 1.新建一个Table.vue文件 <!--region 封装的分页 table--> <template> <div class="table"> <el-table id ...
调用 // 分页import pages from 'components/common/pages/pages' components: { pages }, <pa ...
我本没有想着说要封装一个弹窗组件,但有同行的朋友在问我,而且弹窗组件也确实在项目开发中用的比较多。思前想后,又本着样式统一且修改起来方便的原则,还是再为大家分享一个我所封装的弹窗组件吧。 其实,并不是所有封装组件的方式都是一成不变的,你可以采用函数式组件这种能提高性能的方式,也可以使用带有状态 ...
前两天封装了一个基于vue和Element的table表格组件,阅读的人还是很多的,看来大家都是很认同组件化、高复用这种开发模式的,毕竟开发效率高,代码优雅,逼格高嘛。虽然这两天我的心情很糟糕,就像“懂王”怼记者:“你是一个糟糕的记者;CNN,Fake news”一样的心情,但我还是忍着难受的心情 ...