vue3 使用QRCode.js生成二维码及下载

vue3 使用QRCode.js生成二维码及下载

1.npm install --save qrcode.vue 安装
2.展示二维码

	<view id="qr">
		<qrcode-vue :value="" :size="180" level="H" />
	</view>
	//下载
	<view class="btn" @click="download()">下载</view>

3.下载

const download = () => {
	//获取canvas标签
	let canvas = document.getElementById('qr').getElementsByTagName('canvas')
	//创建a标签
	let a = document.createElement('a')
	//获取二维码的url并赋值为a.href
	a.href = canvas[0].toDataURL('img/png')
	//设置下载文件的名字
	a.download = 'QrCode'
	//点击事件，相当于下载
	a.click()
	//提示信息
}