关于el-tabs切换导致echarts图渲染出现问题

874 阅读1分钟

最近在项目开发中,由于要求图表宽度自适应,导致出现下面这种情况 image.png 经审查元素发现echarts元素容器的宽度为100px,经查资料,应该是Echart源码进行了某些处理

解决方案: 1.在el-tab-pane上绑定lazy属性值为true,表示延迟渲染,亲测有效。 2.切换tab后,对echarts图进行resize即可。ps:要在this.$nextTick()中调用resize