如何在vue3中生成二维码

https://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.mdhttps://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.md这是我们所依赖的库1.添加qrcode.vue到我们的项目npm install --save qrcode.vueyarn add qrcode.

文章共246字 · 阅读需要大约1分钟

一键AI生成摘要，助你高效阅读

问答

Destinynever

7697人浏览 · 2022-03-24 10:50:37

Destinynever · 2022-03-24 10:50:37 发布

https://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.mdhttps://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.md 这是我们所依赖的库

1.添加qrcode.vue到我们的项目

npm install --save qrcode.vue

yarn add qrcode.vue

2.在需要使用的组件中使用

<template>
  <div>二维码生成</div>
  <qrcode-vue :value="data.payUrl" :size="data.size" level="H" />
</template>

<script lang="ts" setup>
import { reactive, ref } from 'vue'
import QrcodeVue from 'qrcode.vue'

const data = reactive<{
  payUrl: string
  size: number
}>({
  payUrl: '千万别搭理s---b',
  size: 256,
})