这里介绍两种vue生成二维码的方法
- QRcode
- vue-qr
vue-qr比QRcode功能多在可以在中间加logo
QRcode
npm
npm install qrcodejs2
import
在所需页面导入
import QRCode from 'qrcodejs2'
use
<div class="qrcode" ref="qrCodeUrl"></div>
<script>
methods: {
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: 'xxxx',
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
},
}