前端使用qrcodejs2插件实现根据网址生成二维码

最新推荐文章于 2024-04-27 14:59:16 发布

刚刚好ā

最新推荐文章于 2024-04-27 14:59:16 发布

阅读量766

点赞数

文章标签：前端 javascript 开发语言 vue vue.js

本文链接：https://blog.csdn.net/weixin_43312391/article/details/133948858

版权

实现效果：

实现方法：

1.安装插件

npm install --save qrcodejs2

2.可以全局引入，也可以只在使用的vue文件中引入

import QRCode from 'qrcodejs2';

3.在vue文件的template中设置放置二维码的div

<div id="qrcode"></div>

4.在vue文件中的method中写获取二维码的方法

getCode() {
       //    生成二维码
       var qrcode = new QRCode('qrcode', {
           text: 'http://www.baidu.com', // url
           width: 120, // 二维码宽度
           height: 120, // 二维码高度
           colorDark: '#000000', // 前景色
			colorLight: '#ffffff', // 后景色
			correctLevel: QRCode.CorrectLevel.L // 容错级别
       });
   },