① 安裝引入qrcodejs2
import QRCode from "qrcodejs2";
②使用qrcodejs2, 第一個參數爲div的id, 第二個參數爲需要轉換爲二維碼的內容
new QRCode("qrcode", {
text: _qrCodeConfWeb.redirectUrl, // 需要轉換爲二維碼的內容
width: 230, // 寬高
height: 230,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.L // 二維碼 容錯等級 L M Q H
});
③容錯等級
錯誤校正: 損壞，但仍然解碼的二維碼
水平使用的Reed-Solomon糾錯算法。越高誤差校正水平，較少的存儲容量。下表列出了在每一個的四個層次的近似誤差校正能力：
電平L（低） 7％的碼字可以被恢復。
M級（中） 的碼字的15％可以被恢復。
級Q（四分）[ 28 ] 的碼字的25％可以被恢復。
H級（高） 的碼字的30％可以被恢復。
由於到Reed-Solomon碼的設計和使用的8位碼字，一個單獨的代碼塊可以不超過255個碼字的長度。由於較大的QR碼元包含比這更多的數據，所以它必要的打破消息成多個塊。雖然QR說明書中不使用的最大可能的塊大小，相反，它定義了不超過30，這樣的糾錯符號出現在每個塊的塊大小。這意味着一個至多15的每塊的錯誤可以被校正，從而限制的某些步驟中的解碼算法的複雜性。的代碼塊，然後交錯在一起，使得不那麼容易局部損壞的QR符號將壓倒任何單塊的能力。
由於糾錯，有可能創造出藝術的QR碼，掃描正確的，但含有故意的錯誤，使他們更可讀的或有吸引力的人的眼睛，以及包括顏色，標誌，以及其他功能的QR碼塊。[ 29 ] [ 30 ]
④