Vue中使用QRCode生成二维码

最新推荐文章于 2024-08-12 08:28:49 发布

生如夏花_y

最新推荐文章于 2024-08-12 08:28:49 发布

阅读量1k

点赞数

文章标签： Vue QRCode

本文链接：https://blog.csdn.net/qq_35972609/article/details/83544165

版权

npm install qrcodejs2 -- save 下载qrcodejs2
使用页面中 import QRCode from 'qrcodejs2'
<div id="qrcode"></div> 生成二维码的元素
methods 中

methods: {
	getQrCode() {
	    let qrcode = new QRCode('qrcode', {
	         width: 180,
	         height: 180,  // 高度  
	         text: '165476846',  // 二维码内容
	         image: ''  
	         // render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）  
	         // background: '#f0f'  
	         // foreground: '#ff0'  
	    })
	}
}

5.调用