Vue项目中使用qrcode生成二维码

yarn add qrcode

<template>
  <div>
    <div id='code'></div>
    <canvas id="canvas"></canvas>
  </div>
</template>

import QRCode from 'qrcode'

export default{
  data(){
    return {
      code: ''
    }
  },
  components: {
    QRCode: QRCode
  },
  methods:{
    useqrcode() {
      var canvas = document.getElementById('canvas')
      QRCode.toCanvas(canvas, 'http://www.appblog.cn', function (error) {
        if (error) console.error(error)
        console.log('success!');
      })
    }
  },
  mounted(){
    this.useqrcode();
  }
}