切换完el-tabs echarts对应的 canvas变成了长宽100了

这个问题可能是由于在切换el-tabs时，echarts图表的容器元素被隐藏或者移动导致的。可以尝试在切换时手动调用echarts的resize方法重新计算图表大小。 具体操作如下： 1. 在需要切换的元素上添加ref属性，例如：`` 2. 在mounted钩子函数中初始化echarts，并保存实例对象到data中，例如： ``` import echarts from 'echarts'; export default { data() { return { chartInstance: null } }, mounted() { this.chartInstance = echarts.init(this.$refs.chart); // 其他初始化配置... } } ``` 3. 在监听el-tabs切换事件时，先销毁之前的echarts实例对象，然后重新初始化echarts实例，并在切换完成后手动调用echarts的resize方法重新计算图表大小，例如： ``` methods: { handleTabChange(tab) { if (tab.name === 'chart') { this.chartInstance.dispose(); this.chartInstance = echarts.init(this.$refs.chart); // 其他初始化配置... setTimeout(() => { this.chartInstance.resize(); }, 100); } } } ``` 其中，handleTabChange为监听el-tabs切换事件的方法，当切换到包含echarts图表的tab时，先销毁之前的echarts实例对象，然后重新初始化echarts实例，并在切换完成后手动调用echarts的resize方法重新计算图表大小，确保图表能够正确显示。由于resize方法需要等待DOM元素渲染完成后才能生效，因此可以使用setTimeout延迟一段时间再调用resize方法。