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

<div>
 <div class="qrcode-pic" ref=codeitem  style="margin-top: 15px;"></div>//生成二维码显示地方
 <button @click='qrCode'>点击生成二维码</button>
</div>

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
            })
      })
  })
}