javascript - Vue 图表，组件

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 数组，并且这些值正在另一个组件中更新。我使用计算道具在图表组件中有这个更新的值。如何在不使用任何按钮的情况下将这些数据推送到 mydata 数组。

Answer 1

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