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横扫伊藤美诚

Logo

前往低代码交流专区

更多推荐