vue3 使用QrCode生成二维码

第一步：添加 qrcode.vue 组件到项目中

安装命令： npm install --save qrcode.vue # yarn add qrcode.vue

第二步：使用

qrcode.vue 的官方链接地址

<template>
  <qrcode-vue :value="value" :size="size" level="H" />
</template>
<script>
  import QrcodeVue from 'qrcode.vue'

  export default {
    data() {
      return {
        value: 'https://example.com',
        size: 300,
      }
    },
    components: {
      QrcodeVue,
    },
  }
</script>

以上就能展示二维码了。

项目实际运用：