微信小程序顶部选项卡之二

另外一种在代码中添加导航栏的方式

用循环模式来获取导航

   
   
   {{item}}
   



    
       aaa
    
     
       bbb
    
     
       ccc
    

在data中添加数组即可

 navbardata: ["一", "二","三"],

  //滑动      
  bindChange:function(e){
    this.setData({ currentTab: e.detail.current})
  },
  //点击导航
  swichNav:function(e){
    //wxml添加个data-currentId自定义属性
    this.setData({ currentTab: e.target.dataset.currentid})
  }