前端生成二维码

1、安装

npm install vue-qr --save

2、页面引入

<template>

<vue-qr :text="downloadData.url" :margin="10" colorDark="#000" colorLight="#fff" :logoSrc="downloadData.icon + '?cache'" :dotScale="1" :logoScale="0.2" :size="200"></vue-qr>

</template>

<script>

import vueQr from 'vue-qr'

export default {

    components: {

        vueQr

    },

    data() {

        return {

            downloadData: {

                url: '扫码访问的链接地址',

                icon: '随便一张图片的地址也行'

            }

        }

    }

}

</script>

————————————————