vue+element開發中tabs只加載該標簽頁下數據,動態加載數據


要求: 打開當前界面時,只加載當前標簽頁數據組件內容,而不是默認的將所有標簽頁都加載完畢,而是在切換標簽頁時候,加載數據。

//添加v-if判斷,在當前標簽頁時,就將其設為true
<el-tabs v-model="activeName" @tab-click="handleClick">
   <el-tab-pane v-if="isShow">
   </el-tab-pane>
   <el-tab-pane v-if="isShow2">
   </el-tab-pane>
</el-tabs>
//添加v-if判斷,如果是本身就有記錄標簽頁的索引的話,可以用v-if判斷索引是否為當前界面就行了
<el-tabs v-model="activeName" @tab-click="handleClick">
   <el-tab-pane v-if="tabIndex == '0'">
   </el-tab-pane>
   <el-tab-pane v-if="tabIndex == '1'">
   </el-tab-pane>
</el-tabs>


handleClick(tab) {
      this.tabIndex = tab.index;
}


免責聲明!

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



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