vue中使用qrcodejs2 生成二维码

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/caixiajia/article/details/82386897

需要注意的是qrcode也可以生成二维码，一开始引入的是qrcode的插件，使用下面的方法报错。所以又上网找的，发现应该使用qrcodejs2

一、npm install qrcodejs2 --save

二、使用页面 import  QRcode form 'qrcodejs2'

三、HTML中

<div id="qrcode"></div>

四、js中 

    methods: {
        qrcode () {
            let qrcode = new QRCode('qrcode', {
                width: 100,
                height: 100, // 高度
                text: '56663159' // 二维码内容
                // render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
                // background: '#f0f'
                // foreground: '#ff0'
            })
            console.log(qrcode)
        }
    },
    mounted () {
        this.qrcode()
    }