要求: 打開當前界面時,只加載當前標簽頁數據組件內容,而不是默認的將所有標簽頁都加載完畢,而是在切換標簽頁時候,加載數據。
//添加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;
}