vue 单页面内存不断增加,最后就爆了

assassin_cike
  • 1.3k

app.vue

<template>
  <div id="app">
    <head-bar></head-bar>
    <nav-bar></nav-bar>
    <router-view></router-view>
  </div>
</template>

用了elementUI,还有echarts,切换navbar内存不断增加,居高不下,这是什么原因,怎么去分析?

我用了vue-echarts这个库里面是有销毁操作的,其中有个chart是我自己写的在最后进行了销毁操作:

 beforeDestroy() {
    if (this.lossAnalysisChart && !this.lossAnalysisChart.isDisposed()) {//判断图形已初始化,且未销毁
      this.lossAnalysisChart.clear();// //释放图形资源
      this.lossAnalysisChart.dispose();// //释放图形资源
    }
  }

devtools 里的memory工具该如何使用呢?有什么好的教程吗?

回复
阅读 13.4k
9 个回答

比较容易想到的情况是 echarts 实例没有正确销毁。可以通过 dev tool 中的 memory 功能来分析内存消耗情况。

小小
  • 3
新手上路,请多包涵

请问您的问题解决了吗?我也遇到了同样的问题

佘眠
  • 2
新手上路,请多包涵

楼楼,请问这个问题你解决了没?我也遇到了同样的问题

你知道吗?

宣传栏