<vue-qr :text="generate_code_str" :size="200" :margin="10" :logoSrc="logoUrl" ></vue-qr>
用到的属性:
- text 是生成二维码的内容,比如一个网址 或者 代表一张券的code码等
- size 二维码的宽度和高度
- margin 设置的二维码外边距
- logoSrc 是二维码中心的小图
遇到的问题:
生成的二维码调微信扫一扫识别的时候特别慢(识别之后要跳转到其他页面)
原因:
生成二维码的<img> 添加了css样式 transform:scale(0.8), 缩放导致了图片失真模糊, 识别变慢设置识别不了