![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 73
Wh1T3ZzT
这个作者很懒,什么都没留下…
展开
-
基于vue+Element Table Popover 弹出框内置表格的封装
在选择数据的时候需要在已选择的数据中对比选择,具体就是点击一个按钮,弹出一个小的弹出框,但不像对话框那样还需要增加一个遮罩层,跟加的轻量化,但是需要查看的数据很多需要一个列表来展示,列表的话还需要一个筛选功能。我的思路是增加复选框列,将选择的内容插入到外部的列表中,我这里主要是分享弹出框内置列表的一个封装思路。但是在这当中还会设计到列表、分页的方法,所以建议先搞清楚列表以及分页在来看,这些我之前的文章都有涉及。这里我们要用到的字段除了上述的还有很多,因为这个是内置了三个组件的封装组件。原创 2023-09-26 14:41:46 · 1963 阅读 · 0 评论 -
基于vue+element 分页的封装
主要思路是,封装的组件通过父组件将currentPage,total,sizes,pager,jumper传入,并且在触发@size-change,@current-change事件时,将事件信息传给父组件。分页也是我们在实际应用当中非常常见的存在,其实分页本身在element中做的就挺好的了,但是使用确实非常的多,所以还是有必要封装一下,主要是为了减少代码的冗余,以及提升开发的效率和降低后续维护的成本。触发事件,当page-size改变时触发,也就是当页面改变时触发。展示总页数,效果如下。原创 2023-07-25 17:21:44 · 761 阅读 · 2 评论 -
基于vue+Element Table 表格的封装
项目场景:需要频繁使用列表进行呈现数据,不可能每次都写一个表格,可以将表格封装为一个组件,在需要使用时可以直接调用。原创 2023-06-23 17:53:18 · 528 阅读 · 0 评论 -
深度解读生命周期函数
接触Vue不知不觉已经有很长一段时间了,对于生命周期函数也有了更加深刻的理解,对于在什么时候用在什么地方用如何使用也有了一定的理解,这里就和大家分享一下自己对生命周期的理解。简单的来说就是在vue中所有的组件都具有一个生命的周期,从组件的创建到组件的销毁会经历很多的阶段,每一个阶段的任务都不一样,触发的时机也不一样,这就要求我们必须深刻的理解生命周期才能更好的去使用,生命周期函数使用的好可以在开发中事半功倍。原创 2023-06-01 09:36:40 · 1225 阅读 · 3 评论 -
Vue性能优化
vue性能优化解决方案原创 2023-05-03 09:29:55 · 642 阅读 · 1 评论 -
vue+element 多选级联选择器自定义props
element多选级联选择器及自定义props,自定义标签、值原创 2023-05-01 12:00:00 · 4981 阅读 · 0 评论 -
一篇搞懂所有常用数组方法(建议收藏)
前端数组方法汇总原创 2023-03-31 15:27:25 · 201 阅读 · 5 评论 -
vue + vue-json-excel 制作导出excel
vue+vue-json-excel导出的步骤详解原创 2023-02-14 14:36:14 · 2990 阅读 · 0 评论 -
vue + elemen可远程搜索select选择器的封装(思路及源码分享)
vue + elemen可远程搜索select选择器的封装详细解读原创 2023-02-10 10:10:16 · 1315 阅读 · 0 评论 -
基于vue+element制作一款可多选可搜索的el-select选择器封装(可直接使用)
主要封装的功能有: 1. 下拉列表 2. 模糊搜索 3. 首次点击则会出现所有选项 4. 加载提示原创 2023-01-10 19:28:19 · 3357 阅读 · 0 评论 -
vue+element DatePicker日期选择器封装(可自定义快捷选择时间)
可自定义快捷选择时间的日期选择器封装原创 2023-01-03 17:09:00 · 1767 阅读 · 0 评论 -
vue+router 404页面制作
vue设置404页面原创 2022-12-29 17:09:20 · 1315 阅读 · 0 评论 -
基于vue+Element Table的增改查(纯前端解决方案,附源码)
实现表格数据的查询,修改,增加功能原创 2022-11-30 16:56:41 · 799 阅读 · 0 评论 -
基于vue+Element UI的文件上传(可拖拽上传)
Element Upload 文件上传原创 2022-11-22 19:30:43 · 3048 阅读 · 0 评论 -
基于vue+Element Table 表格的封装
Element Table的二次封装原创 2022-11-17 15:40:59 · 561 阅读 · 0 评论 -
vue + Element UI 动态Breadcrumb 面包屑的制作
文件目录vue-router和breadcrumb面包屑结合,实现展示当前路径下的路由信息。关键是利用route对象的matched属性,得到前匹配的路径中所包含的所有片段所对应的配置参数对象数组,然后遍历数组,并利用数组中对象的信息,展示到面包屑中。每个对象的path属性为其对应的路由路径,meta属性为其元数据对象。原创 2022-11-11 15:18:30 · 2349 阅读 · 1 评论 -
vue切换中英语言制作方法(Element+i18n的使用)
vue国际化的应用原创 2022-11-02 11:08:20 · 1688 阅读 · 0 评论