①安裝qrcodejs2

npm install qrcodejs2 --save

②在頁面中引入

import QRCode from "qrcodejs2"

③在html中設置div，用來存放生成的二維碼。

<div id="qrcode"></div>

④js生成微信二維碼

qrcode(){ let url = location.href;console.log('生成微信二維碼', url)let qrcode = new QRCode('qrcode', { // eslint-disable-line no-unused-varswidth: 124,height: 124, text: url, // 二維碼內容background: '#fff', // 背景色foreground: '#ff0', // 前景色correctLevel : QRCode.CorrectLevel.H // 容錯率 L M Q H})},

清除二維碼

document.getElementById("qrcode").innerHTML = "";

總結

以上是生活随笔為你收集整理的qrcode.js生成微信二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。