原因

在tab页中，图表的父容器p是隐藏的（display：none），图表在执行js初始化的时候找不到这个元素，所以自动将“100%”转成了“100”，最后计算出来的图表就成了100px

解决方法

$("#fault").css('width',$("#chartMain").width());
//获取父容器的宽度具体数值直接赋值给图表以达到宽度100%的效果
//fault图标的容器
//chartMain宽度为100%且不消失的父元素容器

tab切换只显示100px，解决方法用 v-if=“‘first’ === activeName”

  <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="场内" name="first">
          <onsite v-if="'first' === activeName"/>
        </el-tab-pane>
        <el-tab-pane label="场外" name="second">
          <offsite v-if="'second' === activeName"/>
        </el-tab-pane>
      </el-tabs>

原文地址：https://www.php.cn/js-tutorial-406009.html