- 这里使用
vue-qr
,
npm install vue-qr -S
- 使用的位置导入
import vueQr from ‘vue-qr’
- components注册
components: {vueQr},
- 使用
<vue-qr :logoSrc="code_logo" :text="item.qrCodeText"></vue-qr>
logoSrc
属性二维码中间的logo
可要可不要,text
的值则是后台拿到的
其他设置样式宽高可以对应设置就行。
- 生成二维码白边问题解决
使用css
裁剪属性即可
clip: rect(7px 82px 83px 7px);