vue echart内存暴增

echart在页面离开以后一定要销毁echart实例,不然每一次重新打开都会创建一次实例,那是成倍的内存呀。

//在外层定义echart实例,不要放在data里面
var chart;
export default {
    
    
  name: 'GraduateMigrate',
  data () {
    
    
    return {
    
    

实例化

//在外层定义echart实例,不要放在data里面
chart = this.$echarts.getInstanceByDom(document.getElementById('mapBox'))
if (chart === undefined) {
    
    
    chart = this.$echarts.init(document.getElementById('mapBox'))
}

销毁echart实例

beforeDestroy () {
    
    
      this.$echarts.dispose(chart);
  }

在这里插入图片描述在这里插入图片描述内存确确实实降下来了。

猜你喜欢

转载自blog.csdn.net/weixin_43276017/article/details/112372913
今日推荐