最近在使用tabs切换时，发现除了第一页的echarts显示正常以外，其他的显示都不正常，具体现象如下：
其他页的echarts会挤在一起，没办法正常显示。
1.可以在tab切换的事件中，在相应的tab页设置定时器，并在定时器中渲染echarts，以及resize对应的echarts对象。
setTimeout(function () {_this.setEcharts(mychar3, echartData3, option1);mychar3.resize();}, 100)
2.也可以使用this.$nextTick
this.$nextTick(function() {_this.setEcharts(mychar3, echartData3, option1);mychar3.resize();})
相比之下更推荐第二种方法，其实出现这种问题就是获取不到dom元素，因为vue渲染dom是异步加载的。
可以参考下我的代码，然后对应自己的项目进行修改
最近在使用tabs切换时，发现除了第一页的echarts显示正常以外，其他的显示都不正常，具体现象如下： ![watermark_type_ZmFuZ3poZW5na
boostrapTable加载 我的界面是这样的 ![界面][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH
切换tab选项卡时Echarts加载不正常的问题 一、问题描述 二、解决方案： 三、拓展 一、问题描述 我有两个选项卡，一个用来显示Echart
我的效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL
我们经常遇到使用 `elementui` 中的 `el-tab` 组件来切换图表的时候，如果遇到在切换时图表的大小会从100px的宽高变为正常的过程的话，有下面的解决方式
tab切换延时问题，困扰我一整天，一般tab切换效果鼠标快速划过后就会闪的特别厉害，我就想加个延时效果，于是用上了settimeout方法，结果发现又出现了另外一个问题
原因为数量中会出现“ ，” 如：12345，46444,45 解决：var a=item.dayMileage.replace(/\\,/g,"");
`解决方案来源https://github.com/lizheng3401/echarts-in-element-doesn-t-work` 解决方法： 设置当前key
解决Echarts在微信小程序tab切换时的显示会出现位置移动问题 我的js var dateTimePicker = require('../../utils/d
前几天写到 tabs标签 嵌套使用的时候，嵌套的tabs 下划线无法显示，记录下解决办法 在内层tabs 上添加v-if =“外层tabs的activeName”，意思为当选
向右看齐
末蓝、
还没有评论，来说两句吧...