1、二维码生成
1.1、首先引进npm i qrcodejs2 插件
import QRCode from "qrcodejs2";
1.2、二维码js部分代码
methods: {
createQrcode() {
// 生成二维码
new QRCode(this.$refs.qrcodeImg, {
text:https://www.baidu.com,//二维码内容(扫码识别后需要访问的网址)
width: 62,
height: 62,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
});
},
}
1.3、二维码html部分代码
<template>
<!-- 二维码 -->
<div class="qrcode">
<div id="qrcodeImg" ref="qrcodeImg"></div>
</div>
</template>