VUEは、2次元コードを達成します

NPM qrcodejs2インストール

<!--二维码名片-->
<template>
  <div>
     <div id="qrcode" class="two-code" ref="qrcode"></div>
  </div>
</template>

<script>
  import QRCode from 'qrcodejs2'

  export default{
    name: "twoCodeVisitingCard",
    mounted(){
      this.getQrcode();
    },
    components: {
      QRCode
    },
    data(){
      return {
        qr_code: '',//二维码
      }
    },
    methods: {
      qrcode(qr_code){
          console.log(qr_code)
        let qrcode = new QRCode('qrcode', {
          width: 186,
          height: 186,
          text: "https://baidu.com"
        });

      },
      getQrcode(){
         this.$nextTick(() => {
            this.qrcode()
          })
      }

    }
  }
</script>

<style scoped>
  
</style>