Vuexにあるデータ(items)を元にChart.jsのラベル(lineLabels)を作成しています。
ただ、Vuexのitemsが変更されてもChart.jsのラベル(lineLabels)が更新されません。
lineLabelsはcomputedで、itemsを元に配列を作成しています。
ただ、itemsの更新タイミングではlineLabelsは変更されないように見えます。
以下の例ではメソッドのupdateChartDataを実行し、lineLabelsを参照するまで更新されないようです。
(現在ではupdateChartDataを実行し更新していますが、値の変更にリアルタイムにはグラフが合わない状況です。)
Vuexにあるデータ(items)の変更をトリガーに、lineLabelsを更新する方法をご教授下さい。
computed: { ...mapState([ 'items' ]), lineLabels () { const tmpLabels = [] for (let key in this.items) { tmpLabels.push(this.items[key].name) } console.log(tmpLabels) return tmpLabels }, (省略) }, methods: { updateChartData (labelFlag, predData) { this.chartDatas = { labels: this.lineLabels, datasets: [ { (省略) } ] } } (省略)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。