初始化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;
等等。。。具体问题具体分析
clike
window.addEventListener('resize', () => {
chart.resize()
})