哈里波提-CSDN博客

原创 vue3-ts-vite踩坑日记

vue3-ts-vite踩坑日记1、axios请求拦截器中config.headers被提示可能未定义的问题。

2022-03-01 14:56:59 1129

原创解决 uniapp video视频组件层级过高，预览会覆盖其他组件的问题。

解决 uniapp video视频组件层级过高，预览会覆盖其他组件的问题。解决方法：1、将被覆盖的组件用nve页面的方法展示，就不会被覆盖了。2、将video组件v-show隐藏，展示预览图片，点击预览视频时全屏播放视频即可。

2021-12-14 15:19:31 10453 5

原创 Vue3中遇到 Ref＜boolean＞无法赋值给＜boolean＞类型的问题

Ref boolean无法赋值给 Boolean类型的问题再项目生产的过程中，遇到Ref<boolean>不能赋值给<boolean>类型的报错。解决方法：const res = ref(true)// 赋值的时候需要用 res.valueconst temp:boolean = res.value还是vue3和ts的使用不够熟练

2021-12-07 17:13:54 15351 3

原创高德地图中新建矩形进行图形编辑时无法编辑成功的bug AMap.MouseTool,AMap.RectangleEditor,AMap.Rectangle

高德地图中新建矩形进行图形编辑时无法编辑成功的bug

2021-11-29 10:43:23 2315 1

原创 html2canvas生成的图片无法长按保存的问题，weixin中无法保存canvas生成的图片问题

html2canvas生成的图片无法长按保存的问题：需要生成的图片路径是base64的格式才能够保存成功，转换成path格式无法保存html2canvas将网页生成图片的方法请看：页面转换为图片保存到手机html2canvas、base64ToPath_haliboti的博客-CSDN博客页面转换为图片保存到手机html2canvas、base64ToPath本人只解决了 html2canvas、base64ToPath的引入问题，本文章解决方案并不完整完整示例请参考uni-app 中使用 html

2021-11-04 17:07:02 1405

转载 uniapp h5端无法调用二维码扫描的解决方法。reqrcode.js uniapp解析二维码方法

因业务需要将app代码兼容到h5端，h5端无法使用二维码扫描的api uni.scanCode 使用选择图片或者调用照相机照相的方式解析二维码，代码如下：1、引入解析二维码的第三方文件reqrcode.jsrequest文件参考uniapp中实现h5扫描二维码功能_无名咸鱼的博客-CSDN博客_uniapp扫描二维码var qrcode = require("@/static/js/reqrcode.js")2、执行判断ScanCode() { // 判断是浏览器

2021-11-03 11:47:56 3337

原创 el-select回显、el-checkbox-group回显

el-select回显、el-checkbox-group回显1、el-select回显！注意：回显需要:value的值和v-model的值 === （全等于），意思就是类型也必须相同。 <el-form-item prop="reportDate" label="周报生成日期"> <el-select v-model="form.reportDate" clea

2021-10-29 16:19:38 3325 1

原创 uniapp地图上使用nvue页面卡死的解决方式

在uniapp上使用地图时需要在地图上覆盖其他页面时需要用到nvue页面，在使用nvue页面的时候发生如下bug。1、点击nvue页面的弹出层页面之后在任何界面使用物理返回键app进入卡死状态：单机事件可以执行，路由跳转失效。2、每进出一次地图页面都会加一次请求。解决方法：1、将弹框组件单独写道另一个页面执行，使用路由传参和uni.$emit\uni.$on进行nvue和vue页面的传参。()uni.$emit发送事件:uni.$on接受事件：可...

2021-10-27 09:44:10 1612

原创依靠u-upload实现多图携带参数上传。多图上传。

！注意：因为u-uplod以及uniapp本身的上传文件API uni.uploadFile 都没有办法在真机上做到携带参数多图上传。解决办法是让后端将上传方式改为两个接口，一个接口上传图片返回图片地址。图片地址和参数一起上传到数据保存的接口。u-upload引用<u-upload ref="uUpload" :header="header" //设置header :action="actions"// 后端接受图片的地址 name="file" // 根据后端

2021-10-15 14:29:31 4239

原创 helang-table 表格超出隐藏两行的更改方式

helang-table 表格超出隐藏两行的更改方式因为uniapp的原生table在手机上运行时会有bug，在项目中我们使用了helang-table。helang-table文字超出两行就会默认隐藏。将class为h-td的样式-webkit-line-clamp改为10行即可...

2021-10-09 11:37:53 253

转载页面转换为图片保存到手机html2canvas、base64ToPath

页面转换为图片保存到手机html2canvas、base64ToPath本人只解决了 html2canvas、base64ToPath的引入问题，本文章解决方案并不完整完整示例请参考uni-app 中使用 html2canvas 生成图片（支持多端）_不想搬砖。的博客-CSDN博客使用html2canvas将页面标签转换为图片。1、引入html2canvas因为uniapp中不好使用npm安装，我们到html2canvas官网下载他的集成js文件引入使用。html2canvas地址：

2021-10-09 11:35:32 1477

原创生成二维码，扫描二维码，二维码预览三件套。uQRCode、uni.scanCode、uni.previewImage

生成二维码，扫描二维码，二维码预览三件套。uQRCode、uni.scanCode、uni.previewImage一、生成二维码使用插件：uQRCode（在uniapp插件市场下载引入）将uqrcode.js保存在公用工具的文件夹内容，本项目中在common使用时在相应的页面引入js文件import uQRCode from "@/common/uqrcode.js";渲染二维码标签<canvas canvas-id="qrcode" @click="getCodeIndex

2021-10-09 11:17:01 3624

haliboti的博客