问题: Element-UI的Tab栏的切换是利用标签的display:none切换来实现的,这就导致在display:none的标签里如果有Echarts图表这个图并且echarts是使用百分比大小的时候切换过来的时候只有100*100px大小,这个大小应该是Echarts的最小默认尺寸。
解决方案一:
给Echarts设置固定px宽高
解决方案二:
根本原因其实是Element-ui的Tab是使用display:none来实现的,导致百分比大小的时候取到的数值为0. 我们可以使用其他UI库的Tab来实现,例如iview, iview的Tab是左右移动标签实现的类似轮播图,标签实际是一直存在的,也就不会有宽高为0的情况了。
关于Element的Tab切换由于使用display:none和百分比大小导致Echarts渲染大小100*100的问题
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 找到fullcalendar.js, 找到代码为 isRTL:false,这句话 输入以下几句 monthName...