Vue3使用QRCode完成url转二维码

//安装
npm install qrcodejs2 --save


//引入
import QRCode from 'qrcodejs2';


<div id="qrcode" ref="qrcode"></div>
<button @click="createewm('http://www.baidu.com')">点击生成二维码</button>


//保存二维码的元素
const qrcode = ref(null)
//点击生成二维码
const createewm = (url)=>{
    qrcode.value.innerHTML = ''//通过ref获取dom,清空原有的二维码
    new QRCode('qrcode', {
      text: url, // url
      width: 120,
      height: 120,
      colorDark: '#000000',
      colorLight: '#ffffff',
    });
    console.log(qrcode)
}