小程序下标动态改变class 并且动态改变切换标题

wxml页面

<!-- 日账单、月账单 -->
<view class="flex justify-around align-center margin-top-sm">
<view wx:for="{{bill}}"  wx:key="index">
<view class="bill  {{idx==index?'active':''}}" bindtap="billIndex" data-index="{{index}}">{{item}}</view>
</view>
</view>

js页面

 data: {
     bill:['日账单','月账单'],
    idx:0
  },
  <!-- 方法名 -->
   billIndex:function (e) {
    console.log(e);
    let index = e.target.dataset.index;
    this.setData({
      idx:index
    })
  },