1.下载安装qrcodejs2包
npm i qrcodejs2
2.导入
import QRCode from "qrcodejs2";
3.html
//class是我的样式可以忽略,但是id一定要下
4.使用,以下是我的代码,需求是该页面就会显示二维码,我用的是search方法,然后在create中进行回调函数的使用
methods: { search() { var qrcode = new QRCode("qrcode", { text: 'www.baidu.com', //表示内容,可以是地址或者是文字'55566'或者参数 colorDark : "#000000", //前景色 colorLight : "#ffffff", //背景色 correctLevel : QRCode.CorrectLevel.H //容错级别 } }, created(){ this.$nextTick (function () { this.search(); }) }, mounted() { },
没加nexttick之前我的二维码显示不出来,解决方法就是nexttick就可以。
同时也可以使用其他的方法:
qrcode.clear(); // 清除代码 qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码
若有什么错误欢迎纠正!
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/211871.html原文链接:https://javaforall.net
