用第三方插件QRCode生成二维码

网页端二维码

1、用第三方插件QRCode生成二维码

import QRCode from 'qrcodejs2';

const qrcodeRef = useRef();
const [qrCodeId, setQrCodeId] = useState(); //生成二维码id 后台给的数据
if (qrcodeRef.current) {
  qrcodeRef.current.makeCode(qrCodeId);
} else {
  qrcodeRef.current = new QRCode('qrcodeDiv', {
    text: qrCodeId,
    width: 160,
    height: 160,
    colorDark: '#000000',
    colorLight: '#ffffff',
  });
}
<div className={styles.qrcode} id="qrcodeDiv"></div>

2、微信就可以直接扫描二维码了，获得的信息就是上面的qrCodeId。

wx.scanCode({
    success: (res) => {
      var qrCodeId = res.result;
      wx.navigateTo({
        url: `/packagesEnv/pages/chooseIdentity?qrCodeId=${qrCodeId}`,
      });
    },
  });
<div class="aButton" @click="scanQrcode">
  <van-icon name="scan" style="margin-right:8px;"/>扫码登录
</div>