Ich bin nicht gut darin, Pinia zum Speichern von Daten mit vue-chartjs zu verwenden, um reaktive Diagramme zu erstellen. Ich verwende dieses Beispiel als Leitfaden, habe aber Schwierigkeiten, das Diagramm auf Änderungen im Geschäft reagieren zu lassen.
Ich habe die Pinia-Geschäftsdaten in einer anderen Komponente mithilfe reaktiver Formulare geändert und konnte sehen, dass sich die Geschäftsdaten änderten, aber das Diagramm wurde nicht aktualisiert.
Ich rendere das Diagramm mit der folgenden Komponente:
Ich habe versucht, die Speichervariable in ref()
einzuschließen, aber ich denke, ich muss das Diagramm neu rendern? Ich arbeite daran, das obige Beispiel auf den Pinia-Store-Status anzuwenden und es zu aktualisieren, wenn sich der Store ändert.
您没有将数据设置为响应。请使用计算
这段代码可以解决问题: