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的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---