Vue项目生成二维码，通过qrcodejs2

最新推荐文章于 2024-07-25 00:13:32 发布

进阶的巨人001

最新推荐文章于 2024-07-25 00:13:32 发布

阅读量398

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_45389051/article/details/106738393

版权

我们在项目中可能有需求是要生成一个二维码，然后扫描跳转到我们指定的地址，那么怎么做呢?

这里就用到了一个插件qrcodejs2

先 sudo cnpm install qrcodejs2 --save

然后项目引入

import QRCode from 'qrcodejs2'

给它一个html标签

<div id="qrCode" ref="qrCodeDiv"></div>

然后

new QRCode(this.$refs.qrCodeDiv, {
      text: ''  你要跳转的地址
      width: 175,
      height: 175,
      colorDark: "#333333", //二维码颜色
      colorLight: "#ffffff", //二维码背景色
      correctLevel: QRCode.CorrectLevel.L //容错率，L/M/H
   });

你可以定义一个方法包裹这个new QRCode,调用即可