IT基地
用户登陆
我要注册
用户名或密码错误
登 陆
注 册
IT基地 >纸鸳的博客 >我要发文
循环数据,点击给其样式
作者:纸鸳   发布时间:2017-08-07 17:19:19   点击数:546

1.WXML:

 <view class="zhuType">

          <view class="{{currentItem1==item.id?'typeY2':'zhuItem'}}" wx:for="{{zhuType}}"  wx:key="id" wx:for-index="i" data-id="{{item.id}}" bindtap="ZhuchangeColor" data-name="{{item.name}}">{{item.name}}</view>



2.JS:

ZhuchangeColor: function (event) {

    var that = this

    var id = event.currentTarget.dataset.id;

    var name = event.currentTarget.dataset.name;

    console.log(id)

    console.log(name)

    //设置当前样式

    that.setData({

      currentItem1 : id,

      typeChance:name

    })

    // console.log(typeChance)

  },

 </view>


注释:其逻辑原理是根据点击的项目传入其id然后进行对比如果相同采用点击的样式,如果不是采用默认的样式


本站部分数据来自软件的自动采集,仅用于学习交流,决不用于商用,如有侵犯您的合法权益,请联系我们删除。
发表技术文档,,记录个人生活,聚集意见领袖,众多IT精英,以我们的技术让开发更便捷。
IT基地版权所有,伪版必究 京ICP备17064610号-1
微信QQ空间QQ好友新浪微博FacebookTwitter