vue tab切換echars寬度不對,顯示100px問題
使用vue的el-tab-pane組件,切換到第二個組件的時候,底下的echars圖寬度顯示爲100px
網上搜的亂七八糟的onsize什麼的沒看懂,用的簡單粗暴地方法,如有問題請指正~
一共分兩步:
第一步:獲取外層元素的寬度,賦值給echars
let _width = document.getElementById("tab_box").offsetWidth;
let lineChars = document.getElementById("line_chars");
lineChars.style.width = _width + "px";
let myChart = document.getElementById("tab_box");
第二步:切換到第二個tab欄的時候,重繪圖表,
handleClick(tab, event) {
if (tab.index == 1) {
this.$nextTick(this.drawLineChars());
}
},
如有問題,請聯繫我~