Document
  

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;
}
posted @ 2020-11-23 11:25  半个失忆人  阅读(2725)  评论(0)    收藏  举报