vue动态生成批量二维码生成

 
//生成二维码显示地方
 点击生成二维码

js部分

data(){
return{
   qrData:[{
  url:"127........."
 },{
  url:"127........."
 }]
}

}
qrCode(){
 this.$nextTick(()=>{//必须写在this.$nextTick否则会报错.
          this.qrData.forEach((item,index)=>{
          let code = item.url;
          this.$refs.codeitem.innerhtml="";
          new QRCode(this.$refs.codeitem[index], {
          text: code, //转成二维码的内容
          width:150,
          height: 150
            })
      })
  })
}