nodeJs中vue调用qrcode生成二维码

最新推荐文章于 2024-08-03 20:57:01 发布

大雄丸

最新推荐文章于 2024-08-03 20:57:01 发布

阅读量956

点赞数

分类专栏： node VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/latinhui/article/details/126771395

版权

VUE 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

node

3 篇文章 0 订阅

订阅专栏

背景

二维码生成已经是很常用的功能了，之前一直用python生成二维码，这次用JS生成二维码，实际使用中比较了下qrcodejs2和qrcode两个库。
qrcodejs2生成起来很简单，直接在需要的位置放一个div，生成二维码到其中就可以，但是我使用中需要批量化的打印，用这个方式效率相对低下，所以采用的是将二维码直接转成base64的方式，这个用qrcodejs2就不太方便了，后来选择了qrcode，qrcode中可以直接toDataURL将内容转为base64地址，然后可以直接用img标签动态获取和展示。

方法

安装

yarn add qrcode
或
npm install qrcode

调用

在需要的页面

import QRCode2 from 'qrcode'

使用

qrCodeBase64(url) {
  return new Promise(resolve => {
       QRCode2.toDataURL(url)
       .then(url => {
         resolve(url);
       })
     })
   },

这建议大家做成promise的形式，防止动态获取的的异常。