我正在尝试制作一个响应状态变化的图表,我在sidenav上有一些过滤器,并且包含chart.js组件的组件如下:
<tendance-chart slot="content" class="chart-wrapper" v-if="!loading" :labelsRepartitionTendance="labelsRepartitionTendance" :repartitionTendance="repartitionTendance"></tendance-chart>
这是完美的,但我想在我的过滤器更改时重新加载此图表,我该怎么做?
答案 0 :(得分:0)
当您的过滤器在函数执行之前更改加载更改为true并且最后将加载更改为false。然而,这不是一个好的做法,基本上你的图表应该监听它的数据并在每次更改时重新呈现。
答案 1 :(得分:0)
vue-chartjs附带了两个mixin,即reactiveDataMixin和reactivePropMixin。 如果数据发生变化,那么会向chartData添加观察器并重新渲染或更新图表。 http://vue-chartjs.org/#/home?id=reactive-data