最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Vue使用vue-qr生成二维码代码方法
时间:2021-12-08 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下Vue使用vue-qr生成二维码代码方法,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
“二维码”的英文是“QR Code”,“QR”是“Quick Response”的缩写,反映出这种二维码具有“超高速识读”的特点。“Quick Response Code”也就是“快速响应码”。
npm下载
npm install vue-qr --save
下载成功:
步骤
(1)导入
import VueQr from 'vue-qr'
(2)vue-qr参数
text二维码,即扫描二维码后跳转的页面
size二维码大小
margin二维码图像的外边距, 默认 20px
bgSrc嵌入的背景图地址
logoSrc嵌入至二维码中心的 LOGO 地址
logoScale中间图的尺寸
dotScale二维码的点的大小
colorDark实点的颜色(注意:和colorLight一起设置才有效)
colorLight空白的颜色(注意:和colorDark一起设置才有效)
autoColor若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true
示例
结果:
-
上一个: JPA like模糊查询语法格式代码解析
-
下一个: Vue中的匿名插槽与具名插槽代码解析
相关文章
- SpringBoot测试配置属性与web启动环境解析 10-24
- vue中将el-switch值true、false改为number类型的1和0解析 10-24
- Vue中的路由配置项meta使用解读 10-24
- SpringBoot自定义bean绑定解析 10-24
- SpringBoot常用计量与bean属性校验和进制数据转换规则解析 10-24
- 工厂方法在Spring框架中的运用介绍 10-24