微信長按識(shí)別二維碼是 QQ 瀏覽器的內(nèi)置功能，該功能的基礎(chǔ)一定要使用 img 標(biāo)簽引入圖片，其他方式的二維碼無法識(shí)別。

在 vue 中使用 QrcodeVue 插件

demo1 在 template 標(biāo)簽中直接使用

<qrcode-vue :value="codeUrl" :size="size" level="H"></qrcode-vue>

在微信中長按無法識(shí)別二維碼

正確的做法

使用 qrcode 插件

在 template 標(biāo)簽中是使用 img 標(biāo)簽引入

<template>
  <div>
    <p>長按識(shí)別二維碼支付</p>
    <div id="code">
      <img class="code" :src="url" alt="">
    </div>
  </div>
</template>

在 methods 方法里面生成二維碼圖片后加入 img 中即可

methods: {
            QRCode.toDataURL('自定義的內(nèi)容,可傳參')
              .then(url => {
                this.url = url
              })
              .catch(err => {
                console.error(err)
              })
}

如上方法正確執(zhí)行后， 即可在微信中長按識(shí)別二維碼

總結(jié)

以上是生活随笔為你收集整理的微信长按识别二维码，在 vue 项目中的实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。