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://bzwzjz.com/article/cdchgc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站制作 网站设计制作 移动网站建设 重庆网站建设 网站设计 成都网站建设 成都企业网站制作 成都网站建设 阿坝网站设计 网站制作 温江网站设计 成都网站制作 成都网站建设公司 成都网站设计 重庆网站建设 成都网站设计 营销网站建设 网站建设开发 网站制作 网站建设方案 成都定制网站建设 成都网站建设