以下是我调用antv的组件,这个sale_list会动态更新(切换项目),但是数据更新之后视图并没有更新,是因为sale_list一直存在,所以图表不会重新画,想要更新图表,就得让这个图表重新画
<SaleChannel
v-if="projectData.sale_list"
:data="projectData.sale_list"
/>
采用方案
if (that.projectData.sale_list) {
that.projectData.sale_list = "";
}
this.$nextTick(() => {
that.projectData = res.response.data;
});
先把 sale_list 清空 让其符合 v-if的条件 整块销毁 然后 配合this.$nextTick等待视图更新后再重新赋值==that.projectData = res.response.data;==达到重新绘制的目的
版权声明:本文为AIB_Kasic原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。