vue3生成二维码

1、下载vue-qr
npm install vue-qr --save

2\使用时引入
import VueQr from 'vue-qr/src/packages/vue-qr.vue';

3、模板引用
<!--  
            vue-qr参数
            text 二维码，即扫描二维码后跳转的页面
            size 二维码大小
            margin 二维码图像的外边距, 默认 20px
            bgSrc 嵌入的背景图地址
            logoSrc 嵌入至二维码中心的 LOGO 地址
            logoScale 中间图的尺寸
            dotScale 二维码的点的大小
            colorDark 实点的颜色（注意：和colorLight一起设置才有效）
            colorLight 空白的颜色（注意：和colorDark一起设置才有效）
            autoColor 若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true
            color-dark="#ff774b"
            color-light="#22252d"
          -->
          <VueQr
            :text="data.url"
            :size="120"
            :margin="10"
            logo-src="favicon.ico"
          />