vue tab切换,解决echartst图表宽度只有100px的问题

如果本篇文章对你有帮助的话，很高兴能够帮助上你。这是因为v-if指令是将Dom元素去除掉位置空间了，v-show是将Dom元素位置空间保留了，但并没有进行渲染。v-show保留所定义的样式，空间位置也被保留，echarts图表的宽高依旧和之前一样，所以不会缩小。flag发生变化之后，Dom没有立即更新了，通过 $nextTick 回调函数，执行echarts的绘画。在同一事件循环中的数据变化后，DOM完成更新，立即执行nextTick内的回调。结合nextTick的由来，可以推出每个事件循环中，nextTick触发的时机：　　同一事件循环中的代码执行完毕 -> DOM 更新 -> nextTick callback触发需要在视图更新之后，基于新的视图进行操作。