成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/cdchgc.html