刚开始做小程序的小白,遇到了一个问题就是这个







就是这个点击事件,我查到的方法只有
https://blog.csdn.net/zero_1996/article/details/74067201这种,只能实现一个事件的显示隐藏。

WXML文件

<view class="hide{{showView?'':'show'}}">
    <view class='content'>
        <button bindtap="class5"><text>¥4680\n(商务班)</text></button>
        <button bindtap="class6"><text>¥6880\n(至尊班)</text></button>
    </view>
</view>
<view class="hide{{showView?'show':''}}">
    <view class='content'>
        <button bindtap="class1"><text>¥3180\n(普通班)</text></button>
        <button bindtap="class2"><text>¥3480\n(VIP班)</text></button>
        <button bindtap="class3"><text>¥4080\n(商务班)</text></button>
        <button bindtap="class4"><text>¥4980\n(至尊班)</text></button>
    </view>   


</view>

wxss文件

.hide{
 display: none;
}
.show{ 
 display: block;


}

JS文件


onChangeShowState_show: function () { var that = this; that.setData({ showView:
that.showView =true }) }, onChangeShowState_hid: function () { var that = this;
that.setData({ showView: that.showView =false }) },
恩恩,就这样啦