解决vue关于el-tabs标签页pane中图表加载宽度不正常的问题

引用：
https://blog.csdn.net/qq_36256590/article/details/119906425
https://blog.csdn.net/qq_40542728/article/details/89358065
https://blog.csdn.net/yehaocheng520/article/details/118974615

设置宽度el-tab-pane有一个宽度显示正常，有一个显示的默认宽度
原因是图标在加载时，找不到对应的div大小，所以给了一个默认大小。。使用v-if解决

    <el-tabs v-model="activeName" @tab-click="handleClick" style="width: 100%;">
              <el-tab-pane label="上报类型统计" name="echartsBySblx">
                <div v-if="activeName==='echartsBySblx'" ref="echartsBySblx" style="height: 400px"></div></el-tab-pane>
              <el-tab-pane label="事件分级统计" name="echartsBySjfj">
                <div v-if="activeName==='echartsBySjfj'"   ref="echartsBySjfj" style="height: 400px"></div></el-tab-pane>
            </el-tabs>

然后在使用this.$refs 获取元素的时候，不能获取v-if动态渲染的元素报错，

解决：使用$nextTick
数据修改之后，重新获取节点