微信小程序点击后data值改变了,视图却闪烁一下不改变了

<view
     class="data-box {{day === (index+1)?'data-box-ativce':''}}" hover-class="data-box-ativce"
     hover-stay-time="100"
     wx:for="{{monthDay}}"
     wx:key="index"
     data-day="{{index+1}}"
     bind:tap="selectDay">
    <view class="number">{{day === (index+1)}}</view>
    <t-icon class="" name="microphone-2" size="25rpx" data-name="{{item}}" />
</view>

这里我不贴js了,你只需要保证你的data中的值能够改变成功,我上面的 day 值,点击后是肯定改变了,至于data-box-ativce绑定不成功,是因为添加了hover-class,因为它的基本原理是,悬停时添加data-box-ativce,当你松开时会帮你移除掉data-box-ativce这个类型,所以才会导致,你悬停点击时能够显示样式,松开后不能达到预期效果了。

修改:只需要避免绑定的class和hover-class的类名不一样就行了(貌似修改后感觉hover-class加不加无所谓了,看不出又太大的区别)

小贴士:感觉了hover-class不生效了,不要担心,你只需要将两个的样式修改成不一样就可以看出hover-class还是生效的,如果样式一样看不出区别。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值