Skip to content
  1. 安装依赖

    sh
    npm i qrcodejs2 --save
  2. 页面中引入依赖

    js
    import QRCode from 'qrcodejs2'
  3. 添加 DOM 节点,生成的二维码会展示在这个 DOM 节点中。

    html
    <div id="wxpay"></div>
  4. 在 methods 中创建 QRCode 类的实例对象

    js
    methods: {
        // 生成二维码
        createQRCode() {
            new QRCode("wxpay", {
                width: 200, 	// 二维码宽度,单位像素
                height: 200, 	// 二维码高度,单位像素
                text: "https://www.baidu.com/" // 生成二维码的链接
            });
        },
    }

    注:这里的 createQRCode 方法根据业务逻辑决定什么时候调用,创建实例对象的第一个参数为 DOM 节点的 id

基于 MIT 许可发布