vue实现二维码

先安装 npm install qrcodejs2 --save

使用

<template>
<div id="qrcode" ></div>
</template>

<script>
import {onMounted, ref} from 'vue'
import QRCode from 'qrcodejs2'

export default {
  components: { inp,QRCode },
setup(){
  let val=ref()
  let logoSrc=ref()
  let appSrc=ref("http://www.baidu.com")
 
function qrcode () {
  new QRCode('qrcode',{
        width: 200, // 设置宽度，单位像素
        height: 200, // 设置高度，单位像素
        text: 'https://www.baidu.com'   // 设置二维码内容或跳转地址
        colorDark : "",	//前景色
        colorLight : "",	//背景色
        correctLevel : QRCode.CorrectLevel.H	//纠错等级
    })
}
onMounted(()=>{
  setTimeout(function(){

    qrcode()
  },4000)
})
  return{
    val,logoSrc,appSrc,qrcode
  }
}

}
</script>

<style>

</style>