【VUE系列】antv组件Chart等动态更新视图不更新

以下是我调用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;==达到重新绘制的目的
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值