要求: 打开当前界面时,只加载当前标签页数据组件内容,而不是默认的将所有标签页都加载完毕,而是在切换标签页时候,加载数据。
//添加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;
}