如何用Vue和原生JS巧妙解决echarts图表的resize自适应问题？

本文共计852个文字，预计阅读时间需要4分钟。

解决页面echarts+图表resize问题，左侧的菜单栏模块是可以收缩的，点击左侧上角的+icon可以收缩，但点击左侧上角的icon后，右侧的echarts图并未进行相应的收缩操作。使用element-resize-detector插件。

解决页面echarts 图表 resize问题

左侧的菜单栏模块是可以收缩的，点击左上角的 icon 可以收缩，但是点击左上角的icon后，右侧的echarts图并未进行对应的收缩，使用 element-resize-detector 插件能够解决问题（如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题）但是会有点卡顿，所以采用原生的方法来处理，再结合windows 自带的原生 resize 事件处理 浏览器宽度高度变化，可以不使用插件来处理问题了。