vue echarts resize()同个页面多个图表自适应失败问题

废话不多说直接开干：
在src目录下新建utils文件夹，在utils下新建index.js文件

index.js里：

export function debounce(func, wait, immediate) {
  let timeout, args, context, timestamp, result

  const later = function() {
    // 据上一次触发时间间隔
    const last = +new Date() - timestamp

    // 上次被包装函数被调用时间间隔last小于设定时间间隔wait
    if (last < wait && last > 0) {
      timeout = setTimeout(later, wait - last)
    } else {
      timeout = null
      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
      if (!immediate) {
        result = func.apply(context, args)
        if (!timeout) context = args = null
      }
    }
  }

在要自适应的的图表里引入：

import { debounce } from '@/utils'

然后在mounted里调用：

this.__resizeHandler = debounce(() => {
            if (this.myChart) {
                this.myChart.resize()
            }
        }, 100)
window.addEventListener('resize', this.__resizeHandler)

注：myChart需在data里定义默认为null