微信小程序长按识别二维码

最新推荐文章于 2024-08-04 20:07:09 发布

叶落无痕123

最新推荐文章于 2024-08-04 20:07:09 发布

阅读量1.1k

点赞数 1

文章标签：微信小程序 notepad++ 小程序

原文链接：https://blog.csdn.net/qq_35713752/article/details/129626009

版权

本文介绍了在Vue应用中使用两种方式实现二维码识别：一是页面直接长按，二是通过预览图片后长按。提供了示例代码，展示了如何在图片组件中添加长按菜单以及使用微信的wx.previewImage方法进行识别。

摘要由CSDN通过智能技术生成

有两种方式，第一种是在页面直接长按识别，第二种是预览图片，然后识别。

第一种实现：直接在页面中长按识别二维码

在图片组件中添加 show-menu-by-longpress="{{true}}" ；

示例代码

<image class="codeImg" src="{{info.codeImg}}" show-menu-by-longpress="{{true}}"></image>

第二种实现：放大预览图片后，长按识别二维码

<view class="" catchtap="previewImage">
    <image class="codeImg" src="{{info.codeImg}}"></image>
    <view class="seeTxt">长按识别二维码</view>
</view>
 
  previewImage: function () {
    var current = 'https://profile.csdnimg.cn/4/6/5/2_qq_35713752.png';
    wx.previewImage({
      urls: [current]
    })
  },