微信小程序中点击收藏类似功能
2019-02-27 15:32
288 查看
data:{
isLove:false
}
click(){
if(!this.data.isLove){
https://this.isLove 的值是false 这个永远不会变的
this.setData({isLove:false});
}else{
this.setData({isLove:true});
}
<,view catchtap=‘ok’>
<,icon wx:if="{{isLove}}" type=‘success’ color=‘red’>
<,icon wx:else type=‘success’ color=‘green’>
<,/view>
在这个ok方法中,犯了一个低级的错误,this.isLove 当成 this.data.isLove
这两个是不同的概念,第一个是在js文件的中isLove对象,而第二个才是data中的isLove
才是我们需要设置的,所有如果使用this.IsLove 在if(this.isLove)这个判断里面是会一直是true。无法达到页面的预期效果,谨记
相关文章推荐
- 微信小程序开发入门第七章:收藏、评论、点赞及计数功能
- 【微信小程序】实现类似WEB端【返回顶部】功能
- 微信小程序点击分享功能
- 微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
- iOS WebView 图片点击放大并左右滑动,类似微信/网易文章功能
- 微信小程序webview实现长按点击识别二维码功能示例
- 小功能——类似微信里,评论内容里面,点击每个人的用户名进入个人主页
- 微信小程序实现点击文字页面跳转功能【附源码下载】
- iOS开发学习-类似微信聊天消息中的电话号码点击保存到通讯录中的功能
- 微信小程序实现收藏与取消收藏切换图片功能
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
- 微信小程序分享功能之按钮button 边框隐藏和点击隐藏
- 微信小程序 收藏功能实现
- 微信小程序收藏功能的实现代码
- 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
- 微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
- 微信小程序(一)使用缓存实现收藏功能
- 微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
- 微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
- 微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染