vue中使用qrcodejs2 生成二维码

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

一、npm install qrcodejs2 --save

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

三、HTML中

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

 

你可能感兴趣的:(vue)