大家好,又见面了,我是你们的朋友全栈君。
安装
代码语言:javascript复制npm install qrcodejs2 --save
或者
npm install qrcode2 --save
两个工具包都是可以的
引入
代码语言:javascript复制<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就可以了
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。