1. 这里使用 vue-qr，

npm install vue-qr -S

1. 使用的位置导入

import vueQr from ‘vue-qr’

1. components注册

components: { vueQr},

1. 使用

<vue-qr :logoSrc="code_logo" :text="item.qrCodeText"></vue-qr>

logoSrc属性二维码中间的logo可要可不要，text的值则是后台拿到的
其他设置样式宽高可以对应设置就行。

1. 生成二维码白边问题解决
   使用css裁剪属性即可

clip: rect(7px 82px 83px 7px);

原文链接：https://blog.csdn.net/weixin_42164539/article/details/111885237

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。