1. 程式人生 > >vue中使用qrcodejs2 生成二維碼

vue中使用qrcodejs2 生成二維碼

需要注意的是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()
    }