小程序
小游戏
企业微信
微信支付
扫描小程序码分享
优惠卷是请求数据循环出来的。点击当前为index为0的优惠卷 相应的index为0的优惠卷背景变成灰色。同理index为1一样。但是我点击分享任何一张优惠卷后， 两张优惠卷都变成灰色的 怎么解决呢 亲们
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以从js上入手，把优惠劵数组的每一项加入一个字段，用于控制是否显示灰色，当点击后把数组对应的该字段状态改变
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这个问题其实挺简单。。
.content { width: 300rpx; height: 100rpx } .content.active { background: #DDD; } <block wx:for="{{list}}" wx:key="*this"> <button data-index="{{index}}" bindtap="handleClick" class="content {{item.isActive ? 'active' : ''}}">{{item.name}}</button> </block> data: { list: [{ name: '标题1', isActive: false }, { name: '标题2', isActive: false }] }, handleClick(e) { const { dataset: {index}} = e.currentTarget const { list } = this.data for (let item of list) { item.isActive = false //将数组下所有该字段改为false } list[index].isActive = true // 将当前点击的这块元素下的该字段设置为 true this.setData({ list }) }
item.isChange
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以从js上入手，把优惠劵数组的每一项加入一个字段，用于控制是否显示灰色，当点击后把数组对应的该字段状态改变
这个问题其实挺简单。。
.content { width: 300rpx; height: 100rpx } .content.active { background: #DDD; } <block wx:for="{{list}}" wx:key="*this"> <button data-index="{{index}}" bindtap="handleClick" class="content {{item.isActive ? 'active' : ''}}">{{item.name}}</button> </block> data: { list: [{ name: '标题1', isActive: false }, { name: '标题2', isActive: false }] }, handleClick(e) { const { dataset: {index}} = e.currentTarget const { list } = this.data for (let item of list) { item.isActive = false //将数组下所有该字段改为false } list[index].isActive = true // 将当前点击的这块元素下的该字段设置为 true this.setData({ list }) }item.isChange