普通的web开发可以通过JavaScript获取HTML的Dom结构,但是小程序不可以,小程序实现此功能的方式:数据绑定+data-
去更改标签类名。
step 1 给选定的标志 {{}} & data-num
此处只绑定了一个类名,也可以绑定N个类名。
<van-row style="text-align:center;" >
<van-col span="12" bind:tap="clickGoodsTab">
<view class='{{goodsTab==1?"title1":"title2"}}'>
拼多多券
</view>
<view class='{{goodsTab==1?"desc1":"desc2"}}'>
超值好货
</view>
</van-col>
<van-col span="12" bind:tap="clickGoodsTab">
<view class='{{goodsTab==1?"title2":"title1"}}'>
京东券
</view>
<view class='{{goodsTab==1?"desc2":"desc1"}}'>
大牌正品
</view>
</van-col>
</van-row>