Javascript

vue 二维码组件 vue-qr

本文主要是介绍vue 二维码组件 vue-qr,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

安装

npm install vue-qr --save

使用

import vueQr from 'vue-qr'

components: {
  CircularPageLoading,
  Reviews,
  NavHeader,
  vueQr,
},

// logoSrc为logo的url地址(使用require的方式);text为需要转换为二维码的内容
<vue-qr :logoSrc="imageUrl" text="xxx" :size="200"></vue-qr>
<script>
    export default {
        name: "qecode",
        data() {
            return {
                imageUrl: require("../assets/logo.png"),
            }
        },
        components: {
            vueQr
        },
    },
}
</script>
这篇关于vue 二维码组件 vue-qr的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!