首页 > 移动平台 > 详细

uniapp u_tabs 切换

时间:2020-09-24 15:51:40      阅读:1116      评论:0      收藏:0      [点我收藏+]

<u-tabs style="padding-bottom: 20rpx;" bg-color="#f8f8f8" :list="tab_list" :is-scroll="false" :current="tab_index" @change="tabs_change" active-color="#fb2e09"
:barStyle="barStyle"></u-tabs>

第一步  @change="tabs_change"  :current="tab_index" 

data里面定义  

tab_index: 0,
// 0 => ‘续期处理‘,
// 1 => ‘提前归还‘,
//2 => ‘报停申请‘
tab_list: [{
name: ‘续期处理‘,
status: 0
},
{
name: ‘提前归还‘,
status: 1
},
{
name: ‘报停申请‘,
status: 2
}
],

最后 methods 事件  

tabs_change(e) {
console.log(e)
this.tab_index = e;
this.mescroll.resetUpScroll();
},

最后使用v-if完成 

<view class="processing_title" v-if="tab_index == 1">

</view>

 

uniapp u_tabs 切换

原文:https://www.cnblogs.com/lilamisu/p/13723461.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!