![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端 vue uniapp
HHYi
这个作者很懒,什么都没留下…
展开
-
uniapp踩坑(五):监听手机物理返回键和滑动返回事件
需求android端和ios端点击手机物理返回键(左上角的)或页面滑动键退出后,弹出弹框,点击确定后才退出该页面。截图展示:实现代码:在onBackPress()方法中实现。注意一定要在success后面加上.bind(this)代码,不然ios端会出现,点击物理返回键后,先退出该页面在出现弹框的问题。亲测有效(ios端和android端已测)onBackPress() { //console.log("press back"); uni.showModal({ title: '退原创 2020-12-30 16:20:20 · 14028 阅读 · 13 评论 -
uniapp踩坑(三):调用原生高德地图API,展示路线和marker,以及绘制行政区域边界,并用html2canvas截图分享到微信(二)
接上一篇:uniapp踩坑(三):调用原生高德地图API,展示路线和marker,以及绘制行政区域边界,并用html2canvas截图分享到微信(一),已经实现了高德地图的绘制,现在就需对其进行截图并分享了。截图:采用html2canvas分享:调用uniapp.share,也可参考我的另一篇文章:uniapp踩坑(二):canvas合成背景图和二维码,并分享给微信好友或微信朋友圈一、结果展示截图前手机展示的样式:截图分享到微信好友后的图片:二、实现过程(核心代码)1、重点是引入html原创 2020-08-15 13:44:16 · 2713 阅读 · 1 评论 -
uniapp踩坑(三):调用原生高德地图API,展示路线和marker,以及绘制行政区域边界,并用html2canvas截图分享到微信(一)
在vue中调用原生高德地图(html页面),展示路线和marker一、需求及问题**1、**uniapp中其实已经封装好了map组件,基本的功能都可实现,但我这边需要一个暗黑色的地图,如下图所示,找了uniapp官网一遍,没找到解决方案,于是我就看了原生高德地图api,可以实现修改地图的样式https://lbs.amap.com/api/javascript-api/summary**2、**计划引入高德官方地图后,就需要把地图搞在一个html页面中,此时存在三个问题:(1)vue页面如何引入ht原创 2020-08-15 12:48:07 · 4862 阅读 · 8 评论 -
vue中点击按钮,直接滑动到页面底部
Window scrollTo() 方法一、介绍scrollTo() 方法可把内容滚动到指定的坐标。二、代码<template> <div> <div class="bottom">顶部</div> <el-button @click="toBottom()">滚动到底部</el-button>...原创 2020-04-17 10:12:22 · 6885 阅读 · 0 评论 -
uniapp踩坑(二):canvas合成背景图和二维码,并分享给微信好友或微信朋友圈
需求:想做一个微信好友分享二维码功能,朋友扫码即可下载软件效果图:有一张背景图,一张二维码图,需要合成一张图分享,但不知如何合成?操作:主要采用canvas组件直接上代码:注意:我是已有现成的二维码图片,所以直接放来用,如果没有,可以下载tki-qrcode这个插件。<template> <!-- 分享邀请码图片(包含二维码) --> <view...原创 2020-03-29 00:14:06 · 6471 阅读 · 1 评论 -
Url地址的拼接
需求:想跳转到一个新页面,并传多个参数过去,那就需要对所传的参数进行拼接。参数:分别是images,param代码:js中:记住各个参数之间用 +’&img=’ + 连接href:'https://ryevcd.chidict.com/map.html?param='+this.param+'&img='+this.images到此就结束了。因为自己总是忘记咋拼接,...原创 2020-03-28 22:40:14 · 2059 阅读 · 0 评论 -
uniapp踩坑(一):uniapp中获取手机通讯录好友,并展示昵称和号码
需求:获取手机通讯录中的好友列表并展示问题:成功取到了手机通讯录好友数据,但是展示时要把昵称跟号码放在一个数组中,遍历展示,我无法对数据进行处理。操作:一、获取手机通讯录话不多说,先来官网的介绍,里面很详细https://www.html5plus.org/doc/zh_cn/contacts.html放一下我的截图吧1.在onload()中调用此方法,获取通讯录2.this....原创 2020-03-20 23:51:00 · 6066 阅读 · 1 评论