【Vue实用功能】Vue生成二维码

Vue生成二维码

复制到剪切板

安装
qrcodejs2： https://www.npmjs.com/package/qrcodejs2

npm i qrcodejs2

需要生成的页面引用

 <div class="shareWx">
     <div id="qrcode" ref="qrcode"></div>
 </div>
 <div>微信扫码分享项目</div>

import QRCode from "qrcodejs2";
//url：要生成的链接
qrcode(url) {
        let qrcode = new QRCode("qrcode", {
            width: 100, // 二维码宽度，单位像素
            height: 100, // 二维码高度，单位像素
            text: url // 生成二维码的链接
        });
},

// 复制链接
copyUrl() {
                let url = this.shareLink;
                let oInput = document.createElement('input');
                oInput.value = url;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象;
                console.log(oInput.value)
                document.execCommand("Copy"); // 执行浏览器复制命令
                this.$message({
                    message: '复制成功',
                    type: 'success'
                });
                oInput.remove()
            },