安装
npm install --save qrcodejs2
使用
<template>
<div>
<div id="qrcode"></div> <!-- 创建一个div，并设置id为qrcode -->
</div>
</template>
<script>
import QRCode from 'qrcodejs2' // 引入qrcode
export default {
name : 'code',
mounted () {
this.qrcode();
},
methods: {
qrcode() {
let qrcode = new QRCode('qrcode', {
width: 150,
height: 150,
text: 'https://www.baidu.com', // 二维码地址
colorDark : "#000",
colorLight : "#fff",
})
},
}
}
</script>
问题
换连续在同一个标签上累加生成二维码，需要在下一次生成前需要先清空
document.getElementById('qrcode').innerHTML = ''
