解决Vue中v-show控制echarts图表显示但图表宽度为100px问题

问题出现场景

在vue项目中,使用v-show控制div元素的显示,div标签中是echarts图表,自定义的echarts CSS样式是width为100%,但实际显示时图表宽度确为100px

实际代码
父组件代码





子组件代码






解决办法

将v-show改成使用v-if即可。原因是v-show 本身是结构已经存在,当数据发生变化时,结构并未重新渲染
参考博客:https://blog.csdn.net/lianwenxiu/article/details/94458817

你可能感兴趣的:(Echarts)