Quiero iterar a través de una matriz en javascript dentro de vue.
Estoy usando el gráfico de vértice. Quiero iterar sobre los datos [] según el número de series (Y_Data_length).
quiero cambiar el codigo
data() { return { Y_Data_length: null, Options: { xaxis: { categories: [], }, }, Series_1: [{ name: "", data: [], }], Series_2: [{ name: "", data: [], }, { name: "", data: [], } ], Series_3: [{ name: "", data: [], }, { name: "", data: [], }, { name: "", data: [], } ], }; },para formarlo
data() { return { Y_Data_length: null, Options: { xaxis: { categories: [], }, }, Series: [ {name:"", data: []} ], }; },Como referencia, Y_Data_length es:
const A = this.chart[0].data this.Y_Data_length = Object.keys(A).lengthNo estoy seguro de haber entendido correctamente su problema, pero si desea obtener la matriz de data de una serie específica, puede usar un Vue "computado" para obtener automáticamente la serie.datos correctos usando Y_Data_length como un índice de matriz. Siempre que cambie Y_Data_length , this.currentSeriesData también se actualizará.
export default { data () { return { Y_Data_length: null, Options: { xaxis: { categories: [], }, }, Series: [ { name:"series1", data: [] }, { name:"series2", data: [] }, { name:"series3", data: [] }, ], }; }, computed: { currentSeriesData() { const currentSeries = this.Series[this.Y_Data_length] if (currentSeries) { return currentSeries.data } return [] } } }