Vue项目中是使用qrcodejs2插件生成二维码

1、安装qrcodejs2插件，在控制台输入：

npm install qrcodejs2 --save

2、在需要使用的页面中引入：

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

<script>
import QRCode from 'qrcodejs2'；
//方法
methods: {
    //生成二维码
	qrcode () {
	     let qrcode = new QRCode('qrcode',{
				width: 170,
				height: 170,
				text: this.invoiceInfo.picUrl,                     //内容，二维码地址
				 colorDark: "#000",             //前景色
				 colorLight: "#fff"             //背景色
	     })
    }

}

3、调用

this.$nextTick(() => {
    this.qrcode()
})

注意：调用的时候必须保证id=“qrcode” ，此DOM为显示状态，否则会出现错误。