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

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工具该如何使用呢?有什么好的教程吗?

阅读 20.1k
9 个回答

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

新手上路,请多包涵

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题