最近在使用echarts+el-tabs,当我把宽度设置成100%后,当切换tab后图像会变成100px的默认宽度。
原因:图像容器一开始的状态为display: none,初始化图像时无法取到容器元素的宽度,所以为默认100px的宽度。
最简单的解决方案是:切换tabs时,才让对应的元素容器生成
<el-tabs v-model="activename" @tab-click="anchorKindClick">
<el-tab-pane label="111" name="first"/>
<el-tab-pane label="222" name="group">
<multiple-line
v-on:setSensorDatabase="getDataFromChart"
id="child3"
ref="child3"
:chartdata="groupData"
v-if="isGroupFlag"
:lineChartWidth="lineChartWidth"
></multiple-line>
</el-tab-pane>
</el-tabs >
anchorKindClick(tab) {
if (tab.name === "group") {
this.isGroupFlag = true;
}
},