Vue生成二维码,Vue-qr

　　本文主要介绍Vue如何使用vue-qr生成二维码，有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

目录

　　 npm下载步骤(1)导入(2)vue-qr参数

　　示例摘要

　　“二维码”的英文是QR Code，QR是“快速响应”的缩写，体现了这种二维码具有“超高速阅读”的特点。“快速反应码”也叫“快速反应码”。

npm下载

　　npm安装vue-qr -保存

　　下载成功：

步骤

（1）导入

　　从“vue-qr”导入VueQr

（2）vue-qr参数

　　文字二维码，即扫描二维码后跳转的页面。

　　大小二维码大小

　　边距二维码图像的外部边距，默认为20px。

　　BgSrc嵌入背景图像地址

　　徽标Src嵌入在二维码中心的徽标地址中。

　　logoScale中间图的大小

　　点缩放QR码的点的大小

　　暗实心点的颜色(注意：只有与彩色光一起设置才有效)

　　浅色空白的颜色(注意：只有和colorDark一起设置才有效)

　　如果autoColor为true，则背景图像的主色将作为实心点的颜色，即colorDark，默认为true。

示例

　　模板

　　差异

　　vue-qr

　　:text=imgUrl

　　:size=250

　　:logoSrc=logo

　　:logoScale=0.2

　　/vue-qr

　　/div

　　/模板

　　脚本

　　从“vue-qr”导入VueQr

　　导出默认值{

　　名称：，

　　组件：{

　　VueQr，

　　},

　　data() {

　　返回{

　　imgUrl: https://baidu.com ，

　　logo:必选( @/assets/tea_128.png )，

　　}

　　},

　　方法：{

　　},

　　}

　　/脚本

　　结果：

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。