vue 将地址转换为二维码

安装

npm install qrcodejs2 --save
或者
npm install qrcode2 --save

两个工具包都是可以的

引入

<template>
	<div id="qrcode" ref="qrcode"></div>
</template>
<script>
	import QRCode from 'qrcodejs2'
	//import QRCode from 'qrcode2'
	export default {
		components: {QRCode},
		methods:{
			qrcodeScan () {//生成二维码
			  let qrcode = new QRCode('qrcode', {  
			      width: 200,  // 二维码宽度 
			      height: 200, // 二维码高度
			      text: 'https://mp.csdn.net'
			  })  
			},
		},
        mounted() {
   		   this.qrcodeScan();    // 注：需在mounted里触发qrcodeScan函数
   	    }
	}
</script>

备注：
在Uncaught Error: code length overflow情况下，创建时添加属性
correctLevel: 3就可以了