echarts使用v-if或v-show不显示、加载一半的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts使用v-if或v-show不显示、加载一半的问题相关的知识,希望对你有一定的参考价值。

参考技术A 每日一唠叨:
实现柱状图使用了v-if或v-show做判断时,柱图要么显示一半要么不显示,使用v-if的时候,当条件为false时,会出错,因为此时div是不存在的,所以无法对图表进行初始化。v-show结构已经存在,当数据发生变化时,结构并未重新渲染,会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况。原本想着用Vue.nextTick强制初始化,但也没有效果。

需求:实现点击图片放大功能。

实现方法是在updated()钩子函数中重新resize()就能显示全部的echarts了。

以上是关于echarts使用v-if或v-show不显示、加载一半的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue中切换tab后echarts不显示的问题

简述vue中v-if和v-show的区别

v-if与v-show的区别

v-if与v-show的区别

vue中的v-show和v-if是做啥用的,两者区别是啥

Vue学习之v-if与v-show的区别