Vue中如何彻底清除ECharts遗留数据并确保效果？

本文共计443个文字，预计阅读时间需要2分钟。

由于我需要将原文简化并控制在100字以内，以下是对原文的

封装ECharts后，父组件只需传递值即可渲染。但多次点击请求数据时，ECharts会多次渲染。尝试过`clear()`与`setOption(this.options, true)`无效。可试以下方案。

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

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

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

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

data里定义的三组echarts数据

在axios发送请求后

先清空再赋值。