在开发过程中,经常会遇到echarts图与表格切换着查看数据,切换到echarts时,图就变形了,未按当前宽高展示
变形原因:采用v-show控制切换时,v-show为false时,echarts图并不能获取外部容器的正常宽高,所以展示出来的图形会以其自身默认的大小展示
解决办法:网上有说有resize,我试了并不能解决我的问题,我的处理办法是:在切换到图时重新调用图组件
change(){ if(this.type == 1){ this.type = 2 }else { this.type = 1 let that = this if(this.showData){ that.$nextTick(() =>{ that.$refs.maintence.init(that.opt) }) } } }