<template name="items">
<view bindtap="menuClick" id="{{id}}" class="menuname menuitem" >{{menuname}}</view>
</template>
<view wx:for="{{menuList}}" class="listMenu">
<template is="items" data="{{...item}}" bindtap="menuClick"/>
</view>
这是一个循环列表,这是条目点击事件
menuClick:function(res){
console.log(res.currentTarget.id);
var that=this;
this.setData({
menuitem:this.getHoverd('menuSelect')
})
现在点击可以知道点击的条目,但是无法修改被电击条目的样式,请问如何实现点击修改条目的样式
<template name="items">
<view bindtap="menuClick" id="{{id}}" class="menuname menuitem {{activeId == id?'active':''}}" >{{menuname}}</view>
</template>
<view wx:for="{{menuList}}" class="listMenu">
<template is="items" data="{{...item}}" bindtap="menuClick"/>
</view>
menuClick:function(res){
console.log(res.currentTarget.id);
var that=this;
this.setData({
activeId: res.currentTarget.id,
menuitem:this.getHoverd('menuSelect')
})
}
//wxss:
.menuitem.active{
background-color: #aaa;
}