本次使用的是 qrcode.vue
第一步进行下载:
npm install --save qrcode.vue@1.7.0
<template>
<div class="hello">
<qrcode-vue :value="value" :size="size" level="H" />
</div>
</template>
<script>// 引入
import QrcodeVue from "qrcode.vue";
export default {
components: {// 注册
QrcodeVue,
},
data() {
return { // value你要生成的内容 可字符串或者跳转的网址
value: "77777", // 二维码显示大小
size: 300,
};
},
};
</script>