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

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 高端网站设计 网站制作 自适应网站设计 成都网站设计 营销网站建设 重庆企业网站建设 广安网站设计 成都网站建设 高端网站建设 成都网站建设公司 网站建设公司 营销网站建设 专业网站设计 成都h5网站建设 成都企业网站建设公司 外贸营销网站建设 外贸网站设计方案 品牌网站建设 成都网站建设 成都网站建设 成都营销网站制作 上市集团网站建设