生成二维码JavaScript库 vue-qr可生成logo

QRCode.js

qrcode.vue - npmA Vue.js component to generate QRCode.https://www.npmjs.com/package/qrcode.vue

//下载
npm install --save qrcode.vue
//引入
import QrcodeVue from 'qrcode.vue'
/注册
 components: {
        QrcodeVue
    },
//使用
html
 <qrcode-vue :value="doctorInfo.sginUrl" :size='200'></qrcode-vue>

js
 data() {
        return {
            doctorInfo: {},
        };
    },

vue-qr二维码插件

官网：https://www.npmjs.com/package/vue-qr

//安装
// vue2.0
import VueQr from 'vue-qr'

// vue3.0 (support vite)
import vueQr from 'vue-qr/src/packages/vue-qr.vue'
//注册
import vueQr from 'vue-qr'
//使用
html
<vue-qr :text="downloadData.url" :margin="0" colorDark="#f67b29" colorLight="#fff" :logoSrc="downloadData.icon" :logoScale="0.3" :size="200"></vue-qr>
js
components: {
        vueQr
    },
    data() {
        return {
            downloadData: {
                url: '扫码访问的链接地址',
                icon: '随便一张图片的地址也行'
            }
        }
    }