重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

vue如何彻底清除echarts上保留的数据-创新互联

本篇文章给大家分享的是有关vue如何彻底清除echarts上保留的数据,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

成都创新互联于2013年创立,是专业互联网技术服务公司,拥有项目网站设计、成都做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元舞阳做网站,已为上家服务,为舞阳各地企业和个人服务,联系电话:13518219792

因为我是将echarts封装好后,父组件只要传递值就可以进行渲染。

但是点击多次数据请求的时候echarts会多次渲染。如果试过

clear() 与setOption(this.options, true)没用之后。可以试一下下面的方法。

首先是在父组件中对数据进行请求,在赋值之前,先清空。

data里定义的三组echarts数据

vue如何彻底清除echarts上保留的数据

在axios发送请求后

先清空再赋值。

vue如何彻底清除echarts上保留的数据

补充知识:vue.js使用vue-echarts给柱形图绑定点击事件

我就废话不多说了,大家还是直接看代码吧~


 

 

当前标题:vue如何彻底清除echarts上保留的数据-创新互联
浏览地址:http://cqcxhl.cn/article/cdchgc.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP