echarts width:100%失效问题tab切换
原因在tab页中，图表的父容器p是隐藏的（display：none），图表在执行js初始化的时候找不到这个元素，所以自动将“100%”转成了“100”，最后计算出来的图表就成了100px解决方法$("#fault").css('width',$("#chartMain").width());//获取父容器的宽度具体数值直接赋值给图表以达到宽度100%的效果//fault图标的容器//c...
·
原因
在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
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)