前端生成二维码方法

最新推荐文章于 2023-09-21 18:04:36 发布

多乐_π

最新推荐文章于 2023-09-21 18:04:36 发布

阅读量93

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_45481456/article/details/131559980

版权

npm install arale-qrcode@^3.0.5

declare module "arale-qrcode";


代码

import AraleQRCode from "arale-qrcode";


 /** 生成二维码 */
  createQRCode = () => {
    const code = new AraleQRCode({
      render: "svg",
      text: window.config.QRcode,
      size: 100,
    });
    const codeContainer = document.querySelector(".code-container") as HTMLElement;
    if (codeContainer) {
      codeContainer.appendChild(code);
    }
  }


render(){
this.createQRCode();

return(
<div className="code-container">
</div>)
}