el-tabs和echart組合時圖表不顯示或者顯示100px

不在第一個tab里的echart就會有寬度異常(不顯示或者寬度變成100px),就是因為非第一個tab的內容是display:none的

因為echart說容器要有具體寬高,而內容是display:none,所以所以圖表不顯示,或者被echart設置為默認的100px。

我們可以在點擊到tab時再初始化echart,適當加點延遲

el-tab-pane里有個lazy屬性,配置了沒能解決這個問題

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • CSS要點記錄 CSS 指層疊樣式表 (Cascading Style Sheets) 多種樣式時的優(yōu)先級問題 數...
    Tony__Hu閱讀 1,327評論 0 0
  • 問題描述 網頁中十分常見的tab分頁,通過切換頭部tab,控制主體內容的顯示與隱藏。如下圖所示,有圖表的是最后一個...
    loosenRogers閱讀 2,418評論 0 1
  • 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,445評論 2 66
  • 課程目標: 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握C...
    sunny688閱讀 439評論 0 1
  • 課程目標: 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握C...
    桃花蘭島主閱讀 611評論 0 1

友情鏈接更多精彩內容