比如说在选项卡tabs切换中有echarts的话,我们会发现设置好宽高的echarts切换过来之后只剩下100px的宽度。
这是因为渲染的时机不对,我们需要在点击到当前切换的时候在echarts父级加载完毕之后在执行echarts,而不是在页面初始化的时候就把所有tabs里面的echarts都执行。
解决方法
注意 这段代码一定要写在当前tabs的时候的代码里面!!!
this.$nextTick(function () {
var myEvent = new Event("resize");
window.dispatchEvent(myEvent);
});
本文揭示了在Vue tabs切换中ECharts组件尺寸问题的解决办法,关键在于确保在当前tab激活时,ECharts在父级元素渲染完成后重新加载,避免了初始化时布局不正确的问题。使用$nextTick和resize事件来实现动态调整。
1009

被折叠的 条评论
为什么被折叠?



