【Nuxt.js】vue-chartjsでチャートが更新(再描画)されなかった時の解決方法

vue-chartjsで表示したチャートが再描画されない

データを更新したはずだが、チャートは変わらず・・・

Nuxt.js + vue-chartjs でチャートを表示、画面内にあるリンクをクリックでAPIでデータを取得＋そのデータでチャートを再描画をやろうとするも、チャートが再描画されませんでした。

↓は対応したあとのキャプチャです。

解決方法

v-ifで条件をつけると再描画されました。(最初はifが無かった)

以下、実際のチャート表示部分です。

loadingの代入ははmethods内のasyncをつけたfunctionの中で行っています。

<div class="chart">  <chart     v-if="!loading"    :history-date="historyDate"    :history-close="historyClose"    :history-volume="historyVolume"  ></chart></div>

以下の記事に助けられました！

ありがとうございます！