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