微信小程序for循环之控制当前的列表项的样式

for循环的列表项里需要控制单个样式的地方加绑定id

 <view class="money inlineblock {{blue?'moneyn':'moneyt'}}"  catchtap="money" id='{{item.id}}'>

数组这个样子写,

  list_search: [
              {
                    pic: '/pages/image/banner1.png',
                    namee: '波能淨境儀',
                    jieshao: '重新瞭解自己、認識自己縮短摸索的時間,提早發揮強項',
                    price1: '1500',
                    price2: '2000',
                    id: 1,
                    blue:true
              }
        ]
  },

事件就可以获取到触发当前事件的列表项的id,记得setdata一下,更新数组

 money(event){
          var thisId = event.currentTarget.id;
          console.log(thisId)
          var list = this.data.list_search;
          for( var i in list){
                if (list[i].id == thisId){
                      list[i].blue = false
                      console.log(list[i].blue)
                }
          }
    },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值