收藏
回答

循环列表点击改变背景

问题模块
API和组件



 

   

 

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

    })

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

最后一次编辑于  2017-04-12  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • Tïedào
    Tïedào
    2017-04-13

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

    }


    2017-04-13
    赞同
    回复