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

参考资料：

如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题_南北极之间的博客-CSDN博客

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

3，在mounted里面监听dom元素

mounted() {
  this.$nextTick(function() {
    this.drawLine()
  })
  const erd = elementResizeDetectorMaker()
  const that = this
  const dom = document.getElementById(that.domId)
  erd.listenTo(dom, (element) => {
    const width = element.offsetWidth
    const height = element.offsetHeight
    console.log(width)
    console.log(height)
    that.$nextTick(() => {
      // 使echarts尺寸重置
      that.$echarts.init(dom).resize()
    })
  })
},