vue 使用tab切换时，echart宽度不能自适应

出现情况：

解决方案：

在切换tab标签时，隐藏的图表找不到对应的div大小，就给了个默认大小100px；

利用v-if指令可以控制图表的渲染，当切换tab之后v-if的值为true再渲染图表，保证tab先渲染

<template>
	<el-tabs v-model="activeName" @tab-click="handleClick" :stretch="true">
		<el-tab-pane label="操作趋势" name="first">
		  <chart v-if="'first' === activeName" :option="chartOption"/>
		</el-tab-pane>
		<el-tab-pane label="电池信号" name="second">
		  <chart v-if="'second' === activeName" :option="chartOption" :id="'second'"/>
		</el-tab-pane>
		<el-tab-pane