1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 微信小程序点击切换图片 收藏功能的实现!

微信小程序点击切换图片 收藏功能的实现!

时间:2022-08-25 11:32:16

相关推荐

微信小程序点击切换图片 收藏功能的实现!

微信小程序图片点击切换和收藏功能是非常常用的!有更好写法的请留言,喜欢小程序和web前端开发的请加我微信Angelo_Sifan

效果图如下

1 <image catchtap='onCollectionTap' wx:if="{{collected}}" src="/images/icon/collect1.png"></image>2 <image wx:else catchtap='onCollectionTap' src="/images/icon/collect.png"></image>

首先对Image绑定相应变量,选用catchxxx而不选用bindxxx进行绑定是因为,catch不会出发冒泡事件就不会向父节点传递,写的过程中一定要用wx:if和wx:else来进行判断。然后我们还需要在JS中对onCollectionTap变量进行定义,最后当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象。

原文链接:/EdisonVan/p/9027535.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。