本文探讨了在Vue中使用v-show和v-if控制Echarts宽度的不同效果：v-show导致Echarts div固定宽度，而v-if在隐藏时移除元素，显示时重新初始化，确保宽度正确。理解两者行为有助于优化图表在条件渲染中的表现。
正常来讲，echarts宽度都是设为100%
但是，当用v-show来控制的时候，就会由width：100%变成width：100px
这个时候，将v-show变成，v-if就行
扩展：
v-show和v-if的区别就是：
v-show控制的就是display:none或者display:block，但是echarts这个div，是存在于结构里面的，所以，当用v-show控制隐藏时，canvas就是100px，当v-show控制显示的时候，也只是改变了display这个css属性而已，canvas的width也就维持了100px
而v-if是，当v-if控制隐藏时，echarts这个div是不存在结构里的，当v-if控制显示的时候，echarts开始初始化，那么宽度就正常了
411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
