vue中通过url生成二维码

官方介绍：www.npmjs.com/package/vue…

yarn  || npm下载 vue-qr

yarn add vue-qr --save
npm install vue-qr --save

挂载全局（main.js）

import VueQr from 'vue-qr'
Vue.use(VueQr)

在需要生成二维码页面中使用

<template>    
    <vue-qr 
        :logoSrc="logoUrl"
        :text='url'
        colorDark="#333"
        colorLight="#fff"
        :logoScale="0.2"
        :size="200">
    </vue-qr>
</template>
<script>
    data() {
        return {
            logoUrl: 'https://xxxxx.png', // 中间logo地址
            url: 'http://xxxxxx?id=${this.signId}` // 扫码访问的链接地址
        }
    }
</script>