如何在vue2中生成二维码

本次使用的是 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>

 

posted @ 2021-11-23 11:37  学渣不挂科  阅读(618)  评论(0)    收藏  举报