循环列表点击改变背景
发布于 6 年前 作者 xiayong 4918 次浏览 来自 问答

 

   

 

<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’)

    })

现在点击可以知道点击的条目,但是无法修改被电击条目的样式,请问如何实现点击修改条目的样式

1 回复

<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;__

}

回到顶部