微信小程序的父传子，实现选项卡切换

创建子组件navbar，在主页面的json文件夹中引入

"usingComponents": {
    "navbar":"../../component/navbar/navbar"
  }

在主页面中使用wxml

 把dataList传给子组件

<navbar dataList="{{dataList}}" current="{{current}}"></navbar>

主页面的js

 data: {
    dataList:['待付款','已付款','已完成'],
    current:0
  },

子组件接收

properties: {
    dataList:{
      type:Array,
      value:''
    },
  
  },

子组件使用

<view class="box">
  <view wx:for="{{dataList}}" wx:key="index" class="{{current === index?'active':''}}" bindtap="handelClick" data-index="{{index}}">{{item}}</view>
</view>

效果