前端实现二维码图片生成

安装需要

安装

npm i qrcode

NPM地址:https://www.npmjs.com/package/qrcode

这个是直接生成base64数据,可以直接放到图片上面展示

使用

<view class="container">
	<h1>生成二维码</h1>
	<button @click="generate">点击生成</button>
	<view class="box">
		<img :src="qcrImg">
	</view>
</view>

import QRCode from 'qrcode'
export default {
	data() {
		return {
			qcrImg: ""
		};
	},
	methods: {
		async generate() {
			console.log('生成二维码');
			//errorCorrectionLevel代表生成的二维码的质量,质量越高抗损失越高
			//具体去npm里面看有说明的
			const res = await QRCode.toDataURL('https://www.cnblogs.com/', { errorCorrectionLevel: 'H' })
			this.qcrImg = res;
		}
	}
}