1、安裝插件
npm install ?qrcodejs2 --save
2怯疤、頁(yè)面引用
import QRCode ?from "qrcodejs2"
components: { QRCode }
3暮蹂、JS方法
// 清空動(dòng)態(tài)二維碼
for(var i=0;i<document.getElementsByName('qrDiv').length;i++){
? document.getElementsByName('qrDiv')[i].innerHTML = "";
}
// 動(dòng)態(tài)生成二維碼
if(reslist[i].properties[y].qrCode == true){
? // 生成動(dòng)態(tài)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甫题、頁(yè)面展示
<div :id="'qrcode-'+colindex+'-'+index" name="qrDiv" ></div>
5巧鸭、附加代碼
注：頁(yè)面加載調(diào)用qrcode方法報(bào)錯(cuò)，頁(yè)面觸發(fā)一個(gè)事件再調(diào)用就可解決凿宾。
---------------------
作者：dlxutianshang
來源：CSDN
原文：https://blog.csdn.net/dlxutianshang/article/details/97893278
版權(quán)聲明：本文為博主原創(chuàng)文章矾屯，轉(zhuǎn)載請(qǐng)附上博文鏈接！
