Llamar a una Api para obtener los valores y ponerlos en la Lista, pero la lista en la función de datos no se actualiza.

 created() { // API CALL FOR BARCHAR var getStandardBarchart = async() => { //var currentarray =[] // API CALL TO KEIKAI for BARCGARTS var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json"); //var raw = JSON.stringify({"input_values": input_values, "output_values": output_values}); var raw = JSON.stringify({"input_values": {},"output_values": [ "barchart1","barchart2","barchart3","barchart4","barchart5","barchart6","barchart7","barchart8" ]}); var requestOptions = { method: 'POST', headers: myHeaders, body: raw, redirect: 'follow' }; await fetch("/api", requestOptions) .then(response => response.json()) .then(result => { var barChart = []; //var value Object.keys(result).forEach(function(key) { let specificValue = parseInt(result[key]) barChart.push(specificValue) }) console.log(barChart) console.log(this.Agricultural_production_Animal_production_Cattle[1].imagecontent.barchart1.values[0][2]) // this.Agricultural_production_Animal_production_Cattle[1].imagecontent.barchart1.values[0][1]=15 // this.Agricultural_production_Animal_production_Cattle[1].imagecontent.barchart1.values[0] = barChart.splice(0, 4); // this.Agricultural_production_Animal_production_Cattle[1].imagecontent.barchart1.values[1] = barChart.splice(0, 4); }) .catch(error => console.log('error', error)); } getStandardBarchart() }

Lo que quiero es que los valores en la función de datos se actualicen mediante la lista barchart[] . Pero si presiono algo en la lista antes de api o doy algún valor predeterminado a la lista, no está indefinido en Valores : [barchart[0]] da indefinido.

 data:function(){ {imagecontent: {barchart1:{barid: "bar_Agricultural_production_Animal_production_Cattle",names:["sdjhfb", "derfgas", "Pdft", "dfdfs", "dfsdfat"], values:[[barchart[0], 10, 5, 150],[87, 80, 25, 35]], textxaxis:["future", "present"] }} }] } }