柴柴记账-关于是强制渲染还是缓存echarts

140 阅读1分钟

echarts展示出现bug

切换tab时,echarts并没有展示新的的图表,并且整个图表都直接消失了 经过多方搜索,发现bug产生的原因是因为echarts展示需要div展示,但是我们之前使用的是v-show来使得原echarts消失,相当于用display:none

解决方法

声明了一个rerenderonselect变量,来控制是否强制渲染,强制渲染的话,会触发onMounted,于是也就产生切换tab有echarts动画的效果, rerenderonselect这个变量从Statis页面传递入Timetabslayout组件再传入Tabs

这样就可以不用大改Tabs了(真是搬起石头砸自己啊,崩溃...) 当然如果想要缓存之前的echarts,那么就使用v-show让之前的组件不销毁吧 image.png