- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue前端el-table实现表头可自定义表头复杂合并，可通过数据返回展示不同数据，该内容采用递归循环实现
table.vue文件和在该文件写入样式和数据格式。
2025-04-17 10:34:55
111
原创 vue前端导出Excel，可和页面表格样式统一，复杂合并功能详细解答
icon="el-icon-takeaway-box">导出Excel</el-button><el-table-column type="index" :label="'合并表头'" width=""><el-table-column type="index" label="序号" width="50"></el-table-column>
2025-04-15 00:31:46
235
原创 前端四大方法合集，导出功能、打印功能、导出PDF、封装element-ui消息全局提示
我这边创建好的文件是/config/outToExcelManySheet.ts，根据自身情况创建文件也可以按照我的文件名称和路径。1.创建好方法，将下面代码复制到创建好的文件下，根据业务需求进行修改。2.每一段代码均有注释标注说明，根据业务需求进行修改。1.该数据仅为实例，根据自身业务情况进行修改。文件下，根据业务需求进行修改，每行均注释说明。文件下，根据业务需求进行修改，每行均注释说明。根据业务需求进行修改，每行均注释说明。仅为实例，根据业务需求进行修改使用。文件下，代码如下直接复制粘贴。
2025-04-12 11:58:08
497
原创 vue js根据数组或者字符串查询是否有对应的内容,使用indexOf
3、当执行 item.roleName.indexOf("1111222") > -1 的时候可能会有些疑问，它这个如果找到就会返回true如果没有就会返回false 根据假值真值进行业务上的操作。2、拿到数据后使用indexOf()该方法进行操作，话不多说直接上代码。1、根据业务逻辑进行使用，下面仅为示例，
2023-04-06 10:41:24
774
原创 vue uni-app 使用table原生循环合并行，可冻结进行滚动。
如图，像这种页面排版我使用的是循环去进行合并单元格，那么数据结构也是分成一级和二级。这是html页面实现的逻辑，仅供参考，根据自己的业务需求进行修改。下面是数据格式，根据自己的需求进行编写。
2022-12-28 09:48:52
2854
原创 vue js使用split、reverse、join、进行切割、重组数据进行排序。
3、现在已经完成了倒序，但是并不是我们想看的结果，还需要把数组传换成字符串，使用join('/')该方法进行数组拼接成字符串，括号里面的/斜杠也可以改成其他的，如下。1，首先进行分割变成数组，使用 htmlText.split("/") 该方法进行分割。例子：字符串中有/符号，顺序是反的，不是我们想要的结果。2、使用reverse()该方法进行翻转倒序。
2022-12-20 18:20:37
1381
原创 uni-app App实现热更新，整包更新。
第一步，在uni-app的 App.vue目录下获取当前版本号， appInfo为当前应用程序的所有信息// // 获取版本名称appInfo.version，获取版本号appInfo.versionCode，获取当前应id appInfo.appid（注意需要在手机上运行才能看到）如下代码：第二步，在想要触发热更新的页面进行代码编写，首先，1，异步获取数据，2，获取后端给的版本号，3，判断当前版本号是否一致，4，判断当前是否热更新，5，应用热重启，重新启动进入首页，如下代码：第三步，根据业务
2022-07-01 15:48:05
3823
4
原创 uni-app，微信小程序 点击返回顶部过渡动画
<button type="primary" @click="tapscroll">回到顶部</button>js代码tapscroll:function(){ uni.pageScrollTo({ scrollTop: 0, duration: 300 })}
2022-03-22 16:01:39
725
原创 微信小程序，uni-app，图片长按后显示菜单多功能
<image :show-menu-by-longpress="true" src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132" @click="previewImage"></image>js代码previewImage(e) { //.
2022-03-10 10:18:26
2401
原创 uni-app点击图片后进行保存
<view class="img" @click="baocun"> <image style=" " src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132"></image> </view>jsba...
2022-03-07 16:12:49
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人