使用element中的tab頁時,有時候經常遇到只在第一個顯示數據,后面的tab不顯示數據這樣的問題,第一次遇到是因為在使用echart時出現的,tab中使用圖表組件時只能在第一個tabs頁顯示,但是后來在其他地方也遇到這樣的問題了。
出現這樣問題需要在組件內加上判斷就行了,如圖:
<el-tabs v-model="activeName" @tab-click="handleClick" >
<!-- 第一個 -->
<el-tab-pane label="銷售訂單含稅金額" name="first">
<keep-alive> // 為了緩存固定的數據,不加的話會每次點擊都請求接口(我的項目是表格,不加的話會重復加載表頭)
<SaleYearRateOrderOne v-if="activeName == 'first'"/> // 加上判斷,就能解決只在第一個tab頁顯示的問題
</keep-alive>
</el-tab-pane>
<el-tab-pane label="銷售出庫單含稅金額" name="second">
...
</el-tab-pane>
.......
</el-tabs>