**import drawQrcode from "weapp-qrcode";**
<div class="order_list" v-for="(item,index) in list" :key="index">
<div class="order_header">
<span class="order_times"> {{item.validDate}} {{item.startTime}}-{{item.endTime}}</span>
<span class="order_stutes">{{item.statusName}}</span>
</div>
<canvas class="myQrcode" :canvas-id="'myQrcode'+index"></canvas>
<div class="order_bottom">
<p class="site">{{item.orderSiteName}} {{item.visitorName}} {{item.visitorPhone}}</p>
</div>
<p class="cancel" @click="cancels(item)">取消预约</p>
</div>
:canvas-id="‘myQrcode’+index"设置为动态的
然后
`for(var i=0;i<res.list.length;i++){
let order_list = {
visitorName:res.list[i].visitorName,
id:res.list[i].id
}
this.list_site(JSON.stringify(order_list),i)
}
list_site(order_list,i) {
console.log(order_list,i)
drawQrcode({
width: 150,
height: 150,
canvasId: “myQrcode”+i,
text: order_list
});
}刷新页面时二维码可能加载不出来,需要加一个延迟调用
setTimeout(e=>{
for(var i=0;i<res.list.length;i++){
let order_list = {
visitorName:res.list[i].visitorName,
id:res.list[i].id
}
this.list_site(JSON.stringify(order_list),i)
}
},50)`