<el-tab-pane name="first">
<el-tooltip class="item-tabs" effect="light" placement="top" slot="label">
<div slot="content">
11111</br>2222
</div>
<span><i class="el-icon-date"></i> title</span>
</el-tooltip>
<div>
<el-row :gutter="20">
<el-col :class="chartChildIndex === index?'active':''" :span="4" v-for="(item,index) in overViewMap[0]" :key="item.value" @click.native="changeOverMap(0,item.value,index)">
<div class="grid-content bg-purple">{{item.label}}</div>
<div class="grid-content bg-purple bg-purple-txt">{{overView[item.value]&&overView[item.value][0][item.value]}}</div>
</el-col>
</el-row>
<data-chart :width='1200' :height='400' :chartInfo= {chartInfoX,chartInfoY,chartInfoL,constractChartInfoY} :isCompare="isCompare" ref="dataChart0" :datachart="'dataChart0'" @callBackName="refreshData"></data-chart>
</div>
</el-tab-pane>
- tab-pan 加 tooltip :通过 slot="label"完成
- col加点击 通过@click.native完成