今天在做微信版的一秒招聘小程序的时候，发现了一个问题：子类并没有设置任何点击事件，此时点击子类，响应了父类的点击事件switchNav。

解决办法

.disable {
    pointer-events: none;
}

或者

style="pointer-events: none;"

image.png

相关代码

<!--pages/hire/my_wallet/my_wallet.wxml-->
<view class="topBg" id="topBgId">
  <view class='currentBalance'>当前余额（元）</view>
  <view class="leftDiv">
    <view class="money">{{price}}</view>
    <view class="rightDiv">
      <view class="recharge" bindtap="rechargeAndCash" data-name="充值" style="margin-right:12px;">充值</view>
      <view class="cash" bindtap="rechargeAndCash" data-name="提现" >提现</view>
    </view>
  </view>
</view>
<view class="screen">
  <view class="menuBox">
    <view class="screen-middle {{currentTab==1 ? 'tab-active' : ''}}" data-id="1" bindtap="switchNav">
      <view style="pointer-events: none;">收入明细</view>
    </view>
    <view class="screen-middle {{currentTab==2 ? 'tab-active' : ''}}" data-id="2" bindtap="switchNav">
      <view  style="pointer-events: none;">支出明细</view>
    </view>
  </view>
</view>
  <view wx:if="{{selectType == 1}}">
      <view wx:if="{{tradeList!=''}}">
            <view class='section' wx:for="{{tradeList}}" wx:key="index">
              <view class="bgDiv bootmLine">
                    <view class="leftDetail ">{{item.name}}
                      <view class="fontSize13">{{item.regdate}}</view>
                    </view>
                    <view class="rightDetail" style="display:block;">
                      <view class="fontSize16">+{{item.tradefee}}</view>
                    </view>
              </view>
            </view>

            <view style="text-align:center;padding:20rpx;color:#808080;font-size:24rpx;" wx:if="{{inNoneMore}}">沒有更多数据了</view>
      </view>
      <view class='noneData' wx:else>
          <view class='iconfont icon-zanwubaoming'></view>
          <view>暂无简历</view>
      </view>

  </view>

  <view wx:else>
    <view wx:if="{{tradeList!=''}}">
      <view class='section' wx:for="{{tradeList}}" wx:key="index">
        <view class="bgDiv bootmLine">
          <view class="leftDetail ">{{item.name}}
            <view class="fontSize13">{{item.regdate}}</view>
          </view>
          <view class="rightDetail" style="display:block;">
            <view class="fontSize16">-{{item.tradefee}}</view>
          </view>
        </view>
      </view>
          <view style="text-align:center;padding:20rpx;color:#808080;font-size:24rpx;" wx:if="{{outNoneMore}}">沒有更多数据了</view>
    </view>
     <view class='noneData' wx:else>
      <view class='iconfont icon-zanwubaoming'></view>
      <view>暂无简历</view>
     </view>
</view>