本例根据绑定id来实现tab切换，但本例仍有缺陷，用for循环数据，无法实现切换。如有大神能够有更好方法，欢迎留言更正

WXML:

        
      
       tab-hd01
         
      
       tab-hd02
         
      
       tab-hd03
         
      
       tab-hd04
       
       
        
      
       tab-bd01111
         
      
       tab-bd02222
         
      
       tab-bd03333
         
      
       tab-bd04444
       
     

WXSS:

.tab{  display: flex;  flex-direction:row;   height: 50px;  line-height: 50px;}.tab view{  width: 25%;  text-align: center;}.tab .active{  display: inline-block;  color: #188eee;  border-bottom: 1px #188eee solid;}.tabcon view{  display: none;}.tabcon .active{  display: inline-block;}

JS

Page({  data: {    tabArr: {      curHdIndex: 0,      curBdIndex: 0,    }  },  tabs: function (e) {    var dataId = e.currentTarget.id;    var obj = {};    obj.curHdIndex = dataId;    obj.curBdIndex = dataId;        this.setData({      tabArr: obj    });   }});