vue2解决侧边栏菜单折叠/展开，echarts的resize方法不生效问题

这个问题通常是由于组件加载顺序和事件监听导致的。当侧边栏菜单折叠/展开时，echarts图表的容器可能会被隐藏或改变大小，因此需要重新调整图表的大小以适应新的容器大小。

解决方法如下：

1. 在组件的mounted钩子函数中，初始化echarts实例，并添加resize事件监听：

mounted() {
  // 初始化echarts实例
  this.chart = echarts.init(this.$refs.chart)

  // 添加resize事件监听
  window.addEventListener('resize', this.handleResize)
},

2. 在组件的beforeDestroy钩子函数中，移除resize事件监听：

beforeDestroy() {
  // 移除resize事件监听
  window.removeEventListener('resize', this.handleResize)
},

3. 在组件中定义handleResize方法，用于处理resize事件：

methods: {
  handleResize() {
    // 调整echarts图表大小
    this.chart.resize()
  }
}

这样，当侧边栏菜单折叠/展开时，echarts图表会自动调整大小以适应新的容器大小。