微信小程序如何页面分享，如何图片长按识别二维码等问题汇总

1.小程序未授权时，页面信息如何隐藏

1.需求场景

小程序在用户未授权的情况下，跳转到敏感信息页面，这时候该页面的内容要隐藏。

2.方案

使用wx:if语句进行判断，具体代码如下：

<template><view class="page-wrapper" wx:if="{{loaded}}">...// 内容...// 内容</view>
</template>

2.小程序某页面顶部有图片，需要铺展到手机顶端，如何做

利用自定义导航栏：navigationStyle: 'custom'
效果：

3.监听页面滚动事件

使用onPageScroll。注意，这里的页面必须是贯穿窗口的。页面局部区域的滚动无法监听到。

5.获取小程序app实例方法

原生写的话，使用getApp()
使用wepy框架的话，在Page页面实例中，可以通过this.$parent来访问App实例

6.如何获取跳转后的URL参数呢？

通过onload钩子获取

  onLoad: function (options) {console.log(options); }

7.小程序页面如何分享出去？

使用onShareAppMessage 函数来进行分享功能的实现。如下图：

设置后，效果如下：

8.图片长按识别

图片识别有两种方法：1.图片不点击放大，长按识别。2.图片先点击放大，然后长按大图识别。

方法一：在image组件上添加 show-menu-by-longpress属性为true即可。
方法二：
使用图片预览api。但首先要在image组件上绑定点击事件，事件处理函数中使用该方法即可。然后，用户长按预览的大图就可以了。

wx.previewImage({current: '', // 当前显示图片的 http 链接urls: [] // 必填项。 需要预览的图片 http 链接列表
})

微信小程序如何页面分享，如何图片长按识别二维码等问题汇总相关推荐

微信小程序—调用扫一扫功能，通过扫描二维码连接蓝牙模块
使用微信小程序的扫码功能连接蓝牙,具体操作如下实现流程图 Created with Raphaël 2.2.0准备好二维码小程序调用扫码功能小程序获取到二维码内容(我这里为蓝牙的名字)小程序通过搜索 ...
微信小程序在模拟器可以显示，手机扫编译二维码显示不了解决办法
适用使用本地服务器的小伙伴们 1,本地服务器即是使用localhost,如果希望在手机上可以演示,请把微信开发者工具代码中wx.request请求数据的所有带有localhost的路径全部替换本机的i ...
微信小程序 Unexpected token in JSON at position 0 设置二维码，并且使用js中JSON.parse()函数将二维码返回的值转化为json格式
代码报错: Unexpected token in JSON at position 0 使用二维码生成器, JSON.parse()函数 1.可以随便在网上找一个生成二维码的网站本人用的是这个二 ...
微信长按识别二维码 -- 页面多个二维码如何识别？
常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/it ...
微信小程序web-view 实现长按识别二维码
小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码效果图: html 代码: <!DOCTYPE html> <html><head& ...
h5嵌入微信小程序webView长按识别二维码
1.h5页面用于渲染图片 <div id="app"><div class="priview-img"><imgv-for=&qu ...
微信小程序长按识别二维码，小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序图片预览功能识别小程序码并进行跳 ...
微信小程序如何支持长按识别二维码功能
1.previewImage 小程序wxml <image src="{{image}}" bindtap="imgLoad"></image ...
(补充)微信长按识别二维码 -- 页面多个二维码如何识别？（二）
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...