vue 获取url动态地址生成二维码 |
您所在的位置：网站首页 › 如何把链接转成二维码 › vue 获取url动态地址生成二维码 |
|
首先 安装 npm install qrcode2 --save 在当页面引入 mport QRCode from "qrcode2"; 在组件中定义 components: { QRCode, }, 通过input输入框 动态生成url地址 在失去焦点的时候 调用 showQrcode方法 在showQrcode方法中调用 生成二维码的方法 在qrcodeScan 方法中 每次进入方法就删除上一张二维码 这样子动态改变 showQrcode() { this.qrcodeScan(); }, qrcodeScan() { //这里是为了 每次进入方法就删除上一张二维码 document.getElementById("qrcode").innerHTML = ""; // 生成二维码 var qrcode = new QRCode(document.getElementById("qrcode"), { text: this.configForm.qrcodeUrl, // 这里为动态二维码地址 width: 100, height: 100, colorDark: "#000000", colorLight: "#ffffff", correctLevel: QRCode.CorrectLevel.H, }); console.log(this.configForm.qrcodeUrl); },
|
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |