如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题

参考资料：
https://blog.csdn.net/weixin_44217741/article/details/105536986

关键代码：
1，第一步：
安装：
cnpm install element-resize-detector
2，第二步：
引入
import elementResizeDetectorMaker from ‘element-resize-detector’

3，在mounted里面监听dom元素

 mounted() {
    this.drawChart1()
    this.drawChart2()
    let erd = elementResizeDetectorMaker();
    let that = this
    erd.listenTo(document.getElementById("main1"), (element) => {
      let width = element.offsetWidth;
      let height = element.offsetHeight;
      console.log(width)
      console.log(height)
      that.$nextTick(() => {
        //使echarts尺寸重置
        that.$echarts.init(document.getElementById("main1")).resize();
        that.$echarts.init(document.getElementById("main2")).resize();
      });
    });
  },

我的完整代码：

效果图：