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

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐