二维码 QRCode

何时使用

• 当需要将链接转换成为二维码时使用

基本使用

Show Code

<template>
  <QRCode value="https://blog.csdn.net/Dandrose"/>
</template>

无边框

Show Code

<template>
  <QRCode value="https://blog.csdn.net/Dandrose" :bordered="false" />
</template>

纠错等级

纠错等级也叫纠错率，就是指二维码可以被遮挡后还能正常扫描，而这个能被遮挡的最大面积就是纠错率。

通常情况下二维码分为 4 个纠错级别：L级 可纠正约 7% 错误、M级 可纠正约 15% 错误、Q级 可纠正约 25% 错误、H级 可纠正约30% 错误。并不是所有位置都可以缺损，像最明显的三个角上的方框，直接影响初始定位。中间零散的部分是内容编码，可以容忍缺损。当二维码的内容编码携带信息比较少的时候，也就是链接比较短的时候，设置不同的纠错等级，生成的图片不会发生变化。

Show Code

<template>
  <QRCode value="https://blog.csdn.net/Dandrose" error-level="M" />
</template>

自定义样式

自定义二维码颜色和背景色

Show Code

<template>
  <QRCode value="https://blog.csdn.net/Dandrose" color="#1677FF" bg-color="f5f5f5" />
</template>

APIs

参数	说明	类型	默认值	必传
value	扫描后的文本或地址	string	''	false
size	二维码大小，单位px	number	160	false
color	二维码颜色，Value must be in hex format (十六进制颜色值)	string	'#000'	false
bgColor	二维码背景色，Value must be in hex format (十六进制颜色值)	string	'#FFF'	false
bordered	是否有边框	boolean	true	false
borderColor	边框颜色	string	'#0505050f'	false
scale	每个 black dots 多少像素	number	8	false
errorLevel	二维码纠错等级	'L' | 'M' | 'Q' | 'H'	'H'	false