微信小程序中如何实现长按识别二维码

2,001 阅读1分钟

大家好,第一次写文章,请大家多多指教!

前言

微信只支持在公众号里长按识别二维码。当前我们需要在微信小程序这边识别二维码。微信小程序识别二维码只能是识别小程序二维码,普通二维码是不可以进行长按识别的,那么怎么做呢?根据本人的实践中,总结出了2个方法如下。推荐第2种方法,代码少,不用跳转其他地方。

第一种方法:使用webview标签跳转公众号文章

先在公众号那边配置好要识别的二维码,然后小程序这边使用webview链接该文章地址(需要配置小程序的合法域名)

<web-view src="公众号文章地址"></web-view>
第二种方法:使用富文本标签来存放要识别的二维码

富文本标签来存放图片和富文本渲染一样的,只是存放的标签改成了图片标签,直接上代码。

这里引用的是uview富文本标签:

<u-parse html="<img src="XXX" class="code"></img>" :lazy-load="true"></u-parse>

使用uniapp或者微信原生的富文本标签:

<rich-text :nodes="<img src="XXX" class="code"></img>"></rich-text>

这样就能在微信小程序长按识别二维码,觉得不错的,动动小手点个赞。