v-charts(vue包裝的echarts)帶有一個autoResize屬性,但是在之前的開發(fā)中發(fā)現(xiàn)resize失效靡羡,而且僅在寬度減小時失效犀盟,增大時正常改變。
經(jīng)檢查發(fā)現(xiàn)原因為:
1碎绎、autoResize是檢測“父元素” 的尺寸變化來進行resize的
2螃壤、在flex布局下,如果子元素已被指定寬度混卵,則flex容器會被子元素強制撐開
3映穗、echarts會給元素強制加上一個width的樣式
綜合作用導(dǎo)致該結(jié)果
解決方法:利用css性質(zhì)使flex容器不會被撐開
為flex容器元素設(shè)置css: overflow: hidden即可