2021-06-17

1、vue --el-tabs标签切换页，引入echarts图表，点击切换，图表不显示问题

a.点击切换会出现警告提示，无法获取到clientWidth or clientHeight 

解决：

初始化时设置宽高

b.警告解决还是没有显示图表。

 <el-tabs  v-model="tabItem" type="border-card" @tab-click="handleClick">

 <el-tab-pane label="Seller" name="first">

关键部分1

 <el-tab-pane label="Customer" name="second">

关键部分2

默认tabItem:"first"

mounted事件中加个if条件，页面一进来显示图表

if (this.tabItem === "first") {

initData(){初始化数据}

问题解决了。