vue3生成二维码,控制二维码的宽高

先npm install qrcode

生成的画布

<template>
	<canvas ref="qrcodeCanvas"></canvas>
</template>
<script setup>
	import QRCode from 'qrcode'
	generateQRCode()
	function generateQRCode() {
  	const canvas = qrcodeCanvas.value
  	const options = {
        width: 100,  // 控制二维码的宽度（像素）
        // height: 100 // 可以同时设置高度，如果你希望二维码是一个正方形，只需要设置宽度即可
      };
  	xxxxx为跳转的网址
  	QRCode.toCanvas(canvas, "xxxxx",options, error => {
    	if (error) console.error(error)
  	})
	}
</script >