vuejs2 - Chartjs(非Vue)不在V-if/V-show中呈现图表图表

Question

我有一个页面包含多个使用 chartjs 绘制的图表。问题是，当我在 div 中绘制图表而它被 v-if 或 v-show 隐藏时，当条件发生变化并且隐藏的 div 出现时，图表将不会出现。有什么办法吗？我试过使用 update 但这不起作用。图表仅在相关 div 未隐藏时创建时显示。

Answer 1

我在使用 vue-chartjs 时也遇到了这个问题。对我有用的是改用 v-show。

我之前在 v-else 中的 block ，我知道放入一个新的 v-if block

<div v-show="visualizationData">
    <myChart :chartData="visualizationData" :height="350" />
</div>

<div v-if="visualizationData === null">
    <div class="loadingIndicator">
		    Loading...
		</div>
</div>