vue実装QRコード

797 ワード

npm install qrcodejs2




  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()
          })
      }

    }
  }