Vue来回切换几次页面后，echart/页面越来越卡

zhou_Tian

已于 2022-08-10 13:34:42 修改

阅读量1.4k

点赞数

分类专栏： Vue 文章标签： javascript 开发语言 ecmascript

于 2022-07-27 22:21:14 首次发布

本文链接：https://blog.csdn.net/zhou_Tian/article/details/126024409

版权

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

如果引用变量没有被清空的话，它会占据内存不会被GC回收，久而久之就会越来越卡。
因此每当需要清空echart时，需要将一些占内存大的引用变量赋为null。
尤其是当你手动使用canvas绘制了一些东西之后，在离开页面时一定要将canvas引用变量或者canvascontext的引用变量赋为null，以便gc回收。

比如

onUnmounted(() => {
  if(ramChart){
    ramChart.clear();
    ramChart.dispose();
    ramChart = null;
  }
  if(canvas){
	  canvas.remove();
	  canvasContext = null;
	  canvas = null;
  }
});