Vue-qr——前端生成二维码

npm下载

npm install vue-qr --save

import引入

import vueQr from 'vue-qr'

使用方法

// logoSrc为logo的url地址(使用require的方式);text为需要转换为二维码的内容
  <vue-qr :logoSrc="imageUrl" text="xxx" :size="200"></vue-qr>
<script>
    import vueQr from 'vue-qr'
    export default {
        name: "qecode",
        components: {
            vueQr
        },
        data() {
            return {
                imageUrl: 'url'
            }
        }
    },
}
</script>

 754 total views,  2 views today

Revisions

Comments are closed.