vue使用qrcodejs 和 qrcodejs2生成二维码图片
根据url路径生成一张二维码图片。1.下载相关依赖npm install qrcodejs2 --save2.相关组件引入import QRCode from 'qrcodejs2'3.html<div id='qrcode'></div>4.js 在需要的地方进行调用,一般是后台返回链接之后进行调用new QRCode('qrcode',{...
·
一、qrcodejs生成二维码
根据url路径生成一张二维码图片。
1.下载相关依赖
npm install --save qrcodejs
2.相关组件引入
import QRCode from 'qrcodejs'
3.html
<canvas id='canvas' ref='canva'></canvas>
4.js使用
let canvas = this.$refs.canva;
QRCode .toCanvas(canvas,url地址,function(error){
console.log(error)
})
二、qrcodejs2生成二维码
根据url路径生成一张二维码图片。
1.下载相关依赖
npm install qrcodejs2 --save
2.相关组件引入
import QRCode from 'qrcodejs2'
3.html
<div id='qrcode'></div>
4.js 在需要的地方进行调用,一般是后台返回链接之后进行调用
new QRCode('qrcode',{
width:'6rem',
height:'6rem',
text:'此处放生成二维码的地址',
colorDark:'#000',//二维码颜色
colorLight:'#fff',//二维码背景色
// correctLevel: QRCode.CorrectLevel.L//容错率,L/M/H
//render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
})
更多推荐
已为社区贡献12条内容
所有评论(0)