- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue页面如何调用iframe内部的方法
3、在iframe页面的mounted中。4、在iframe页面的method中。2、vue页面中按钮的点击事件。1、在外部vue页面。
2025-02-27 17:50:35
232
原创 在iframe内部调用外部vue页面中的方法
2、在外部vue页面的mounted。3、在外部vue页面的method。1、在iframe文件内部。
2025-02-27 17:35:23
183
原创 node-sass下载报错
你可以：卸载node-sass，再npm run serve启动项目修改逻辑就好了。如果只是改老项目，在不修改样式的情况下，为了启动项目（这是一个治标不治本的方法）卸载：npm uninstall node-sass。我实在是没找到解决方案：哭死。
2025-02-10 14:45:00
85
原创 uniapp中，通过uni.chooseLocation获取手机定位时，基座可以打开高德地图，云打包后打开地图异常，地址列表也是不显示。
问题描述：打包后，app查看并选择当前定位的详细地址时，地图显示异常，且地址列表也是没有相关推荐，更无法进行搜索（下图中：左侧是问题图样，右侧是理想图样）2、 再看代码manifest.json的相关配置，代码中随便找个地方引入地图，再把地图的相关权限打开，打包后，如果地图能正常显示，说明key是没问题的。补充权限 （为了万无一失，我都开了）
2025-02-06 17:42:14
443
2
原创 uniapp中，按钮的阻止事件冒泡.stop不起作用（报错）
2、<uni-icons>标签并不是原生标签，直接.stop会没有点击效果，需要.native修饰符才能起到阻止冒泡的作用；native修饰符只能作用于内部有嵌套原生标签的组件上，不能直接用在原生标签上。1、<view>标签是原生标签，可以直接通过.stop进行阻止事件冒泡；在图片中的两个点击事件而言，
2025-01-13 11:32:33
396
原创 uniapp获取当前坐标时，打包程序不能获取定位信息，但是基座可以
可以使用type:GCJ02（国家测量局02号标准）是中国国内地图的标准坐标系,虽然这种方式不能打开地图，进行选择你想要定位的位置，但至少能获取手机当下的位置。console.log('坐标',res);
2025-01-08 11:47:57
298
原创 uniapp签名功能
2、代码解析：首先通过uni.canvasToTempFilePath将画布绘制的图样输出的图片，再将输出的图片进行旋转，重新设置宽高（将原来的宽高对调），再进行一次uni.canvasToTempFilePath输出，得到可以在竖屏呈现的横屏签名图。1、在表单页面点击【去签名】按钮，跳转签名页面，样式如下。
2024-12-05 16:50:10
637
原创 uniapp版本更新
console.log('申请权限错误：' + error.code + " = " + error.message);showLoading.setTitle("正在下载" + res.progress + "%");// console.log('版本', type, plus.runtime.versionCode)
2024-12-05 10:58:19
926
原创 uniapp中，打开手机本地存储（比如相册、文件管理）后，输入框的内容消失了。
如果你在onShow(){}中有重置表单内容的操作，那么每当进入页面，onShow就触发将表单内容清空，所以重置表单的操作不能写在onShow里面，可以放在onLoad里。
2024-11-14 15:37:23
163
原创 uniapp通过uni.createCanvasContext画图，再用uni.canvasToTempFilePath将画出的图形转成文件流，为什么得到的图片背景是透明的
2、在app（手机端），uni.canvasToTempFilePath将画出的图像会转成绝对路径，若我们需要的是base64文件流，需要将绝对路径进一步转换编码。1、在h5页面，uni.canvasToTempFilePath将画出的图像会转成base64（默认是png格式的）可通过fileType: 'png',修改图片格式（提示：png格式生成的图片背景是透明的）
2024-11-13 11:22:37
388
原创 uniapp中点击dom节点，希望点击区域快速高亮
问题描述：通过for循环渲染出多个【点击区域】，当点击其中某个dom节点【区域】带有跳转，或者其他逻辑操作时，仅仅拿点击区域的下标和当前高亮的下标来判断高亮样式的隐藏和显现，是有延迟（甚至看不到效果）:class="currentIndex == index?'hasLight' : ''"解决方案：hover-class="highLight" 在循环的【点击区域】上写hover-class="具有高亮效果样式的class名"
2024-11-06 18:13:25
214
原创 uniapp上传pdf、word、excel文件
1、创建js文件： @/utils/uploadFile.js；在文件中暴露出chooseFile方法。2、在【上传文件】功能的页面引入第一步中的js文件。3、点击【上传文件】按钮调用方法中。
2024-11-05 10:05:25
2356
10
原创 uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64
【代码】uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64。
2024-11-01 18:06:22
477
原创 表格的多级表头：表头通过二维数组数据循环，如何实现
1.如果你的数据是个二维数组，例如这样，第一层数组以时间为区分标准，第二层数组以类型为区分标准。问题描述：当你的表头是用接口返回数据遍历出的。
2024-10-15 15:46:38
268
原创 前端实现导出excel，file-sver（复杂表格或者非表格内容）
问题描述：如果需要下载成excel格式的文件不是单纯的表格，可以使用xlsx、xlsx-style、file-saver。2.在vue.config.js中一定要补充externals:{'./cptable':'var cptable'}3.创建一个js文件（比如：exportExcel.js）4.exportExcel.js代码。
2024-07-17 10:55:50
499
原创 data:image/png；base64格式的图片下载成pdf
问题描述：接口返回的数据是base64格式的图片，如果想通过js方法下载成pdf格式的文件。3.将接口返回的base64数据解码成二进制，再将二进制数据添加到PDF中。2.引入工具jspdf。1.可以jsPDF，
2024-07-15 17:41:21
8302
原创 前端调用电脑打印弹窗，实现任意区域内容打印功能
描述：当需要打印的内容是比较灵活（不只有表格）的情况下，可通过此方法实现。1.下载html2canvas、printJs（如果依赖中有直接引入）3.在打印区域的最大div绑定ref，其外层的div长款要有固定值。4.打印按钮调用的方法。
2024-07-15 11:37:10
501
原创 表格的列头分行显示
描述：列头需要显示的信息很多，且一行显示的情况下，导致数据单元格浪费了很多展示空间，这种情况下，可选择将列头的信息分成多行显示。解决方案：通过renderHeader将一行的title分成两行分别放在两个div里。
2023-12-29 11:54:20
582
1
原创 解决element UI中 select下拉框 el-select-dropdown el-popper超出el-dialog弹框的问题
【问题】： 在elementUI 中，el-dialog的内容比较多，出现滚动条，且内容包含input输入框、select下拉框、时间选择器、cascader级联选择器等，在点开select下拉选择框后并向下滚动鼠标，会出现下拉框跑出el-dialog的区域的情况（有可能离el-dialog的区域很远），造成页面的展示效果混乱。【解决方案】：我们可以在鼠标滚动的时候，让select弹框隐藏，这样就可以解决select 下拉框在el-dialog外面的问题了。在自己封装的el-dialog的组件里。
2023-07-26 15:01:12
4483
2
原创 iview select下拉框可通过电话、卡号等远程搜索时，
对于住户下拉选择框，若需要通过电话、卡号、姓名等检索得到相应的选项时，我们的解决方案可以将住户的姓名、电话、卡号拼起来放在label中，这样就可以实现了。
2023-06-15 15:00:22
576
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人