思想:
1、通过定义一个变量 来控制标签高亮
我这里定义的是show
show: 0 //导航栏高亮
2、通过循环给每一个标签添加点击事件`
js代码如下
//通过点击事件 把index赋值给show
gaoliang(e) {
this.setData({
show: e.currentTarget.dataset.index //赋值
})
},
html代码
通过 动态绑定class事件 对满足条件的标签设置样式
<view wx:for="{{typeList}}" wx:key="index" style="margin-left:30rpx"
bindtap="gaoliang" data-index="{{index}}" class="{{show===index?'isAvtive':''}}">
<view>{{item.name}}</view>
</view>
<view class="top">
<view wx:for="{{typeList}}" wx:key="index" style="margin-left:30rpx"
bindtap="gaoliang" data-index="{{index}}" class="{{show===index?'isAvtive':''}}"
>
<view>{{item.name}}</view>
</view>
</view>