element中的tabs頁出現的一些問題(數據僅在第一個tab頁顯示)


使用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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM