Element组件库Tabs分页使用Echarts画图宽度问题

• 相信有些小伙伴们使用Element 组件库中的Tab分页中使用Echarts绘制图表碰到过width:100%只有默认页生效，其他分页的图表均为width:100px

  
  

• 解决办法

  
  
  

  给Tabs分页lazy属性设置为true即可（示例代码）

  <template>
    <div class="">
      <el-tabs v-model="synthesizeName" @tab-click="handleClick" type="border-card" tab-position="top">
        <el-tab-pane label="电缆管理" name="first" >
          <Cable></Cable>
        </el-tab-pane>
        <el-tab-pane :lazy=true label="通道管理" name="second" >
            <Channel></Channel>
        </el-tab-pane>
        <el-tab-pane :lazy=true label="监控管理" name="third" >
          <Monitoring></Monitoring>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  

• 效果

  
  

虽然有点瑕疵，但是width:100%生效了，这才是最重要的

这里卿洋
愿喜❤️