vue-前端生成二维码

1、下载vue-qr npm install vue-qr --save 2、引入vue-qr模块 import vueQr from ‘vue-qr’ 3、使用

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