链接生成二维码( QRCode )

Vue中链接生成二维码

安装插件
```
sudo npm install qrcodejs2 --save
```

页面中引入

 import QRCode from "qrcodejs2";

components: { QRCode },

页面展示与配置

html部分

<div class="QR-code"><div id="qrCode" ref="qrCodeDiv" class="qrCode"></div>
</div>

方法

createQrCode(){let that = this;document.getElementsByClassName('QR-code');document.getElementById("qrCode").innerHTML = "";new QRCode(that.$refs.qrCodeDiv, {text:that.appletUrl, //获取到的链接width: 160,height: 160,colorDark: "#000000", //二维码颜色colorLight: "#ffffff", //二维码背景色correctLevel: QRCode.CorrectLevel.H //容错率，L/M/H})
},

链接生成二维码( QRCode )相关推荐

vue3 将文字或链接生成二维码 qrcode.vue
安装 npm install --save qrcode.vue 案例 vue3+ts 利用Popover 气泡卡片点击后弹窗,或是修改为鼠标触动弹框都可以还可以写css样式改变二维码与卡片样式[ ...
dom 生成图片和链接生成二维码
1. dom 生成图片此处使用的是 html2canvas 插件和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置,详情请看这里这里 html 1 < ...
百万前端之js通过链接生成二维码可以保存下载复制
在前端工作中,会遇到很多邀请好友的需求,这个时候就需要前端对需求进行实现了. 最终效果: 这个是做好以后的成品,根据链接生成二维码,提供保存二维码和复制链接功能,纯前端实现.话不多说直接上代码 htm ...
js前端根据链接生成二维码并转成图片下载
js前端根据链接生成二维码并转成图片下载依赖于jquery.jquery.qrcode.min.js 1.html <div class="qrcode"></ ...
js实现将链接生成二维码，并对生成的二维码转换为图片，右击可保存至本地
在vue项目中,实现将链接生成二维码:可识别跳转,将生成的二维码可转换成图片,并可保存至本地.具体操作步骤如下: 1.安装及引用首先,实现这个功能需要使用QRCode和html2canvas,所以在 ...
JAVA生成二维码QRcode
JAVA生成二维码QRcode 1 : 配置集成 1.1.配置maven 1.2.配置文件 1.3.logo文件 2 : 代码集成 2.1.加载配置文件 2.2.工具类 2.3.测试类 3 : 测试结 ...
Python 二维码的读取与生成：使用链接生成二维码、读取二维码里的链接
Python 二维码的读取与生成演示 ① 使用链接生成二维码 ② 读取二维码里的链接 [ 文章推荐 ] Python 绘制中国地图:使用 pyecharts 最新版本绘制中国地图实例详解,个性化地图定 ...
java 生成二维码 QRCode、zxing 两种方式
版权声明:本文为 testcs_dn(微wx笑) 原创文章,非商用自由转载-保持署名-注明出处,谢谢. https://blog.csdn.net/testcs_dn/article/details/ ...
java 根据指定链接生成二维码
需求: 就是需要把一个报告网址链接生成二维码,然后渲染在报告中,扫描二维码的时候能访问到这个报告,效果就达到了 1.首先提前需要添加的maven依赖 <!-- https://mvnreposi ...

链接生成二维码( QRCode )

Vue中链接生成二维码

链接生成二维码( QRCode )相关推荐

最新文章

热门文章