vue使用echarts中resize()自适应屏幕宽度报错：Cannot read property ‘resize‘ of undefined

1、在echarts 使用resize()Api 屏幕变化的时候报：Uncaught TypeError: Cannot read property ‘resize’ of undefined

2、看了大佬的文章：https://blog.csdn.net/HH18700418030/article/details/96281813虽然没使用到他说的方法，但是使用了评论者的方法，可行

3、原先的的代码:

mounted() {
  this.$nextTick(() => {
    this.myChart = echarts.init(document.getElementById("echartBox"));
    this.getBarData();
  })
  window.addEventListener("resize", () => {
    this.changeWidth();
  })
},
methods: {
	changeWidth() {
      this.myChart.resize();
    },
}

4、修改后的代码：

mounted() {
  this.$nextTick(() => {
    this.myChart = echarts.init(document.getElementById("echartBox"));
    this.getBarData();
  })
  window.addEventListener("resize", () => {
  	// 判断是否存在，直接调用resize方法
    if (this.myChart) this.myChart.resize()
  })
},

日本奥运兵乓球女单半决赛莎莎子4-0横扫伊藤美诚