微信小程序 三元运算符 点击循环列表中的某一项 切换颜色 进行参数携带(原创)

本文介绍了如何在微信小程序中利用wx:for循环、三元运算符和双向数据绑定实现点击列表项切换颜色,并通过bindtap事件传递参数。通过比较id并设置active状态,无需DOM操作即可实现类似web端的addclass效果。
摘要由CSDN通过智能技术生成

先上效果图

 

 

 

 

整体思路大概是 :wx:for循环出你的list  每个list有单独的id  点击事件bindtap 用三元运算符判断id是否相等,然后js里u_current只要相等就增加一个active,参数携带都在e.currentTarget 里面

 

 

wxml代码

    <scroll-view class="pup_bottom" scroll-y="true">
      <view class='p_content_list'>
        <view class="list_all {
  { u_current == index ? 'active' : '' }}" wx:for="{
  {u_items}}" wx:key="{
  {u_1}}" bindtap="{
  { u_radio_checked != index ? 'u_radio_checked':'' }}&
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值