1、安装插件
npm install qrcodejs2 --save
2、页面引用
import QRCode from "qrcodejs2"
components: { QRCode }
3、JS方法
// 清空动态二维码
for(var i=0;i<document.getElementsByName('qrDiv').length;i++){
document.getElementsByName('qrDiv')[i].innerHTML = "";
}
// 动态生成二维码
if(reslist[i].properties[y].qrCode == true){
// 生成动态qrCode
var colindex = i;
var indexTemp = y;
var val = tempData.value;
if(tempData.type == 'combobox'){
val = tempData.val_value;
}
if(tempData.type == 'comboboxtree'){
val = tempData.val_tree_value;
}
if(tempData.type == 'richtext'){
val = tempData.value;
val = $(val).text();
}
self.$nextTick (function () {
self.qrcode(val,colindex,cLength-1);
});
}
4、页面展示
<div :id="'qrcode-'+colindex+'-'+index" name="qrDiv" ></div>
5、附加代码
注：页面加载调用qrcode方法报错，页面触发一个事件再调用就可解决。
---------------------
作者：dlxutianshang
来源：CSDN
原文：https://blog.csdn.net/dlxutianshang/article/details/97893278
版权声明：本文为博主原创文章，转载请附上博文链接！
