Vue Chart，Component

Question

我有一张使用vue-chart的图表。在mydata数组中，我需要输入来自store.js文件的数据。我需要将这些数据推送到mydata，但不使用任何按钮。

    counter1:0,
    counter2:0,
    counter3:0

这是图表数据

      data(){
      return {
        mylabel : 'TestDataLabel',
        mylabels : ['1', '2', '3','4','5','6'],
        mydata : [100, 40, 60]
      }
  },

我需要将此计数器值推送到vue-chart的mydata数组，并且此值正在另一个组件中更新。我使用计算的prop在图表组件中有这个更新的值。如何在不使用任何按钮的情况下将这些数据推送到mydata数组。

Answer 1

您的store.js是Vuex商店吗？ 如果是这样，您可以简单地使用getter /计算出的prop，然后将其设置为mydata