vue 生成二维码并下载

最新推荐文章于 2024-05-20 12:06:26 发布

＊且听风吟

最新推荐文章于 2024-05-20 12:06:26 发布

阅读量1.2k

点赞数 3

分类专栏： # Vue 2.x

本文链接：https://blog.csdn.net/HH18700418030/article/details/119576092

版权

vue 项目中需要实现生成二维码，并且下载下来。

引入 qrcode ：

import QRCode from "qrcodejs2"

生成二维码：

    createQRCode () {
   
      document.getElementById("qrcode").innerHTML = "" 
      let qrcode = new QRCode(this.$refs['qrCodeDiv'], {
   
        text: 'https://www.baidu.com/',
        width: 188, //生成的二维码的宽度
        height: 188, //生成的二维码的高度
        colorDark: "#666666", // 生成的二维码的深色部分
        colorLight: "#ffffff", //生成二维码的浅色部分
        correctLevel: QRCode.CorrectLevel.H
      })
      this.downloadQRCode()
    }