vue通过qrcodejs生成一个二维码
时间: 2023-05-26 21:01:13 浏览: 122
qrcodejs2-生成二维码
可以使用qrcodejs2库来生成二维码。首先安装qrcodejs2库:
```
npm install qrcodejs2
```
然后在Vue组件中引入qrcodejs2库并使用它生成二维码:
```vue
<template>
<div>
<div id="qrcode"></div>
</div>
</template>
<script>
import QRCode from 'qrcodejs2'
export default {
mounted() {
// 获取要生成二维码的DOM元素
let qrcodeBox = document.getElementById('qrcode')
// 生成二维码
let qrcode = new QRCode(qrcodeBox, {
text: 'http://www.example.com',
width: 200,
height: 200
})
}
}
</script>
```
在上述代码中,通过将一个DOM元素传入QRCode构造函数中,可以生成二维码。此例中,生成的二维码内容为http://www.example.com,大小为200x200。在实际应用中,可以将要生成的内容动态传入二维码组件中,以实现动态生成二维码。
阅读全文