vue項目中使用qrcode生成二維碼

1、安裝：npm install qrcode

2、html：

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

3、邏輯：

import QRCode from 'qrcode
export default {
  data () {
    return { codes: '' }
   },
    components: {
        QRCode
    },
    methods: {
        useqrcode () {
             var canvas = document.getElementById('canvas')
             QRCode.toCanvas(canvas, 'http://www.baidu.com', function (error) {
                  if (error) console.error(error)
              console.log('success!')
            })
        }
    },
    mounted  () {
        this.useqrcode()
    }
}