正文

vue 使用QRcode生成二维码或在线生成二维码

IP云
IP云V管理员/1 阅读
08/06
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

参考：https://blog.csdn.net/zhuswy/article/details/80267748

1.安装qrcode.js

npm install qrcodejs2 --save

2.页面中引入

import QRCode from 'qrcodejs2'

3.页面使用

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

methods:{
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 232, // 设置宽度
height: 232, // 设置高度
text: 'https://baidu.com'
})
}
}
/*
@ 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到 返回结果为null
*/
this.$nextTick (function () {
this.qrcode();
})

更简单直接的方法：

src = "http://qr.topscan.com/api.php?bg=ffffff&fg=000000&text=" + code; //code为券码