uni-app
哈里波提
这个作者很懒,什么都没留下…
展开
-
解决 uniapp video视频组件层级过高,预览会覆盖其他组件的问题。
解决 uniapp video视频组件层级过高,预览会覆盖其他组件的问题。解决方法:1、将被覆盖的组件用nve页面的方法展示,就不会被覆盖了。2、将video组件v-show隐藏,展示预览图片,点击预览视频时全屏播放视频即可。原创 2021-12-14 15:19:31 · 10436 阅读 · 5 评论 -
html2canvas生成的图片无法长按保存的问题,weixin中无法保存canvas生成的图片问题
html2canvas生成的图片无法长按保存的问题:需要生成的图片路径是base64的格式才能够保存成功,转换成path格式无法保存html2canvas将网页生成图片的方法请看:页面转换为图片保存到手机html2canvas、base64ToPath_haliboti的博客-CSDN博客页面转换为图片保存到手机html2canvas、base64ToPath本人只解决了 html2canvas、base64ToPath的引入问题,本文章解决方案并不完整完整示例请参考uni-app 中使用 html原创 2021-11-04 17:07:02 · 1401 阅读 · 0 评论 -
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 · 3325 阅读 · 0 评论 -
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 阅读 · 0 评论 -
依靠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 · 4233 阅读 · 0 评论 -
helang-table 表格超出隐藏两行的更改方式
helang-table 表格超出隐藏两行的更改方式因为uniapp的原生table在手机上运行时会有bug,在项目中我们使用了helang-table。helang-table文字超出两行就会默认隐藏。将class为h-td的样式-webkit-line-clamp改为10行即可...原创 2021-10-09 11:37:53 · 252 阅读 · 0 评论 -
页面转换为图片保存到手机html2canvas、base64ToPath
页面转换为图片保存到手机html2canvas、base64ToPath本人只解决了 html2canvas、base64ToPath的引入问题,本文章解决方案并不完整完整示例请参考uni-app 中使用 html2canvas 生成图片(支持多端)_不想搬砖。的博客-CSDN博客使用html2canvas将页面标签转换为图片。1、引入html2canvas因为uniapp中不好使用npm安装,我们到html2canvas官网下载他的集成js文件引入使用。html2canvas地址:转载 2021-10-09 11:35:32 · 1472 阅读 · 0 评论 -
生成二维码,扫描二维码,二维码预览三件套。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 · 3617 阅读 · 0 评论