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());
      }
    },

如有問題,請聯繫我~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章