vuex传全局变量:模块化vuex需要加上模块的名字
data为所穿的id。
通过引入mapstate和mapMutations进行全局赋值
接口处需要接收参数的时候进行一个数组解构赋值
echarts进行数据的销毁与重新渲染
通过watch监听id的变化,进行图像实例的销毁与生成
***踩得一个大坑:正着点击顺序的时候图像是能够正常加载的,倒着点击的时候发现图像加载不对,一开始以为是图像销毁的方法出了问题,一直找dispose未生效的原因。 我只在接口处打印了数据,发现传入不同的id数据是可以变化的,证明接口的数据改变了,但是环形图所需要的数据是我经过处理的,经过打印options发现,数据在倒着点击回去的时候发现上一次保留的数据还存在,导致图形一直加载不对。后来改变的数据处理的先后顺序,发现图形能够正常加载了。 这么一个小小的问题竟然写了四五个小时,太烦了!!!附上解决格式的代码,方便自己以后观看!