vue 生成二维码

1.引入模块 终端安装

npm install qrcodejs2 --save

2在mian.js页面引入，使用时直接this.$qrCode

import QRCode from 'qrcodejs2'

Vue.prototype.$qrCode = QRCode;

也可直接在某个页面引入

import QRCode from 'qrcodejs2'

3.html

4.js代码

bindQrcode() {

                let curl = location.href.split('/#/')[0]

                curl = curl + '/#/detailsQrCode?plantId=' + this.id

                new QRCode(this.$refs.qrCodeDiv, {

                    text: curl,//生成二维码的地址

                    width: 300,//设置二维码宽度

                    height: 300,//设置二维码高度

                    colorDark: "#333333", //二维码颜色

                    colorLight: "#ffffff", //二维码背景色

                    correctLevel: QRCode.CorrectLevel.L//容错率，L/M/H+

                })

            },