Bagaimana untuk menggelungkan tatasusunan dalam data()

Question

Saya mahu mengulang tatasusunan dalam javascript di dalam vue.

Saya menggunakan graf puncak. Saya ingin mengulang data[] berdasarkan bilangan siri (Y_Data_length).

Saya nak tukar kod

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: [],
          }
        ],
      };
    },

Bentukkannya.

data() {
      return {
        Y_Data_length: null,
        Options: {
          xaxis: {
            categories: [],
          },
        },
        Series: [
          {name:"", data: []}
        ],
      };
    },

Untuk rujukan sahaja, Y_Data_length ialah:

const A = this.chart[0].data
this.Y_Data_length = Object.keys(A).length

Answer 1

Saya tidak pasti sama ada saya memahami soalan anda dengan betul, tetapi jika anda ingin mendapatkan daripada siri tertentu data 数组，你可以使用 Vue“计算”来使用 Y_Data_length 作为数组索引自动获取正确的series.data 。每当 Y_Data_length 发生变化时，this.currentSeriesData juga akan mengemas kini.

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 []
    }
  }
}