tab标签页切换,echart显示问题
父页面引用组件,用v-if控制组件销毁和创建,并且传panelup的Boolean值
<bar-Line v-if="panelup" :panelup="panelup" :activeName="activeName"></bar-Line>
并且子组件的销毁和创建最主要是触发mounted函数,来控制图表的创建
mounted() {
this.myChartl1 = this.zhexianLineChart()
window.onresize = function () {
this.myChartl1.resize()
}
子组件用v-show来控制echart图表的显示隐藏
<div v-show="panelup" id="zhebanLine" style="height: 500px"></div>