v-charts图表autoResize不生效问题处理

hhkkyyIP属地: 上海
0.187字数 173

v-charts(vue包装的echarts)带有一个autoResize属性，但是在之前的开发中发现resize失效，而且仅在宽度减小时失效，增大时正常改变。

经检查发现原因为：
1、autoResize是检测“父元素” 的尺寸变化来进行resize的
2、在flex布局下，如果子元素已被指定宽度，则flex容器会被子元素强制撑开
3、echarts会给元素强制加上一个width的样式
综合作用导致该结果

解决方法：利用css性质使flex容器不会被撑开
为flex容器元素设置css: overflow: hidden即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
2人点赞
hhkkyy
总资产0.611共写了1.7W字获得17个赞共1个粉丝

推荐阅读更多精彩内容