本文主要是介绍echarts初始化时只显示100px的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
初始化el-container时，需要选择项目才可进入el-main；但是就页面而已，相对应的路由已经进去了，el-main使用的是v-show进行的判断，后面改成v-if即可，下面补充一下二者的区别：
- v-show: 根据条件显示DOM元素的指令，可以用来动态控制DOM元素的显示和隐藏。v-show后面跟的是判断条件，不管初始条件是什么，元素总是会被渲染;
- v-if: 根据表达式值的真假来销毁或者重建一个绑定的DOM元素
以上就能明白为什么show为false，但是对应的路由还是执行了，导致echarts在element还未mounted时就加载，获取不到父级的width和height。
遇到问题呢，可以看下具体问题；就echarts只显示100px的问题，有以下方案：
1、直接设置echarts的宽高；
2、如果有el-tag, 设置v-if进行判断显示echarts模块的显隐；
3、设置一个定时器 settimeout去init chart；
等等。。。具体问题具体分析
window.addEventListener('resize', () => {chart.resize()
})
这篇关于echarts初始化时只显示100px的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
