使用 vue-qrcode 生成二维码

Posted 2022-11-12 renzm0318

直接安装@xkeshi/vue-qrcode包

 "dependencies": 

        "@xkeshi/vue-qrcode": "^1.0.0"

<template id="demo">
  <div class="container">
    <qrcode :value="qrcodeUrl" :options=" size: 100 "></qrcode>
</template>
<script>
import VueQrcode from ‘@xkeshi/vue-qrcode‘
export default 
  data () 
    return 
      qrcodeUrl: ‘www.baidu.com‘
    
  ,
  components: 
    qrcode: VueQrcode
  ,

</script>