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>