JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js"></script>



<div id="example-1">
  <div v-for="item in data_computed" :key="item.id">
  <div>
  {{item.id}}
  </div>
    <svg id="item.id"></svg>
  </div>
</div>




<script>


  var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [{id:1,data:1232},{id:2,data:1232}]
  },
  
  computed: {
    
    data_computed:function () {
    
      var obj_new_data = [];

      this.items.forEach(
        
    	element => {
          	
        let new_item = {};
        
       JsBarcode('#'+element.data, element.data);
        
        //new_item.id = element.id;
        new_item.id = '#a'+element.id;
       console.log(new_item.id)
             
      //cr(element)
        obj_new_data.push(new_item);
        
        new_item = {};
          
           
       }
        
      );
		//console.log(obj_new_data);
      
    	return obj_new_data;
    }
  },
  watch: {
    datafull(val) {
		
	}
  }
})

/*
function cr (obj){
	JsBarcode('#'+obj.id,obj.data);
  console.log(obj)
}
*/
</script>