关于 vue-qr 二维码插件的使用

1.安装依赖

npm install vue-qr --save

2.项目内使用：

<div id="qrcode"><vue-qr :text="companyInfo.qrcode_url" :size="200"></vue-qr>
</div>import VueQr from 'vue-qr'components:{VueQr
},
data() {return {companyInfo:{}}
}

3.常见属性：

text	要显示的二维码内容
size	二维码宽高大小，因为是正方形，所以设一个参数即可
margin	默认边距20px，不喜欢的话自己设为0
colorDark	实点的颜色，注意要和colorLight一起设置才有效
colorLight	空白的颜色，注意要和colorDark一起设置才有效
bgSrc	嵌入背景图地址，不建议设置
logoSrc	二维码中间的图，这个是好东西，设置一下显得专业点
logoScale	中间图的尺寸，不要设太大，太大会导致扫码失败的
dotScale	二维码上那些小点点的大小，不建议设置了

关于 vue-qr 二维码插件的使用相关推荐

VUE 生成二维码插件
原文:https://www.jianshu.com/p/496fd1cbee8d npm install qrcodejs2 --save 页面中引入 dom 结构 JS 方法编写 export d ...
vue 生成二维码插件@令狐张豪
安装npm npm install qrcodejs2 --save cnpm install qrcodejs2 --save //推荐使用淘宝镜像在使用的组件里引入qrcodejs2js文件 i ...
vue实现二维码批量打印功能
vue实现二维码批量打印功能业务需求:客户需要给每个商品贴上二维码,为了更加高效的完成这项工作需要配合热敏打印机实现批量打印二维码的需求,因为是web项目后端会部署到服务器上,因此只能通过js的方式 ...
vue扫描二维码，真机调试
vue扫描二维码,真机调试 vue代码使用HBuilderX 运行界面 vue代码 <el-button>标签需要引用element-ui,如果没有,可以注释,打开下面的普通<bu ...
从头开始训练一个检测QR二维码区域的YOLOv3模型
条形码和二维码在识别的时候主要包含定位和解码两个步骤.寻找码的位置,除了用传统的图像算法之外,也可以借助深度学习.那么深度学习的效率如何,我做了一个实验. 为QR二维码训练YOLOv3模型编译Dar ...
vue使用qrcodejs2生成带log的二维码图片，vue生成二维码图片中间带log，自定义log
安装插件 npm install qrcodejs2 --save 在页面中引入 import QRcode from 'qrcodejs2' 普通的二维码此处的id就是页面中要展示二维码容器的id ...
vue生成二维码并下载
vue生成二维码图片,这里使用的是qrcode.js 这个插件 1.下载插件 npm install --save qrcodejs2 2.组件内使用 <template> <B ...
jQuery二维码插件生成网页二维码
在移动端越来越流行的今天,在PC上做好之后经常会放置一个二维码引导用户到移动端上体验移动版的版本. 如果是一个固定的二维码,我们只需要在网上找个地方生成图片,然后放上图片就可以了.但如果是地址不固定需 ...
【OpenCV 4开发详解】QR二维码检测
本文首发于"小白学视觉"微信公众号,欢迎关注公众号本文作者为小白,版权归人民邮电出版社发行所有,禁止转载,侵权必究! 经过几个月的努力,小白终于完成了市面上第一本OpenCV 4 ...
OpenCV4.0 快速QR二维码检测测试示例
点击我爱计算机视觉标星,更快获取CVML新技术近几年由于微信大力推广移动支付,二维码已经成为手机App的标配,在众多种类的二维码中,QR码是最为流行的. 刚刚发布的OpenCV4.0-Alpha新增 ...

关于 vue-qr 二维码插件的使用

1.安装依赖

2.项目内使用：

3.常见属性：

关于 vue-qr 二维码插件的使用相关推荐

最新文章

热门文章