vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标
vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标
<div class="zixun" @click="getFoodFindFoodDetails()"><img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" /><p class="aui-text-gray aui-font-size-10">{{isLike?'已收藏':'收藏'}}</p>
</div>
data: {isLike:''
},
getFoodFindFoodDetails: function() {Ajax({method: 'POST',url: 'food/collection',token: api.getPrefs({sync: true,key: 'token'}),data: {id: api.pageParam.id,type: vm.type},success: function(ret) {if (ret.code == 200) {if (vm.isLike) {vm.type=1;vm.isLike=false;mineAlert("取消收藏")} else {vm.isLike=true;vm.type=2;mineAlert("已收藏")}} else if (ret.code == 201) {backToLogin();} else {mineAlert(ret.msg)}}});
},api.addEventListener({//监听上个页面传过来的收藏状态name: 'myisLike'}, function(ret, err){if( ret ){vm.isLike=ret.value.isLike;if (vm.isLike) {vm.type=2;} else {vm.type=1;}}else{alert( JSON.stringify( err ) );}});
vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标相关推荐
- 微信小程序类似于点赞取消点赞计数功能
这个方法写的是单篇文章的功能,有需要那种用于后台返回多条数据列表的点赞功能可以给我留言,大家探讨 这个功能写的目前是个假数据,直接上代码 html <view wx:for="{{sh ...
- ajax点赞只能点一次,php+mysql+ajax局部刷新点赞取消点赞功能(每个账号只点赞一次).pdf...
php+mysql+ajax 局局部部刷刷新新点点赞赞/取取消消点点赞赞功功能能(每每个个账账号号只只点点赞赞一一次次) 记录每个赞的点赞用户,以及对赞的数量统计 首 判断用户是否点赞.根据是否点赞, ...
- 微信小程序点赞+取消点赞多项点击
小菜鸟一个,希望各位大神不要往死喷,小弟这里先谢过了 最近接触到小程序,发现很有意思,在项目中遇到了一点小问题,就是点赞+取消点赞有些冲突,还有就是多项的点击,话不多说咱们直接上代码!!!!! 效果图 ...
- Vue3 使用vant actionBar组件后对icon图标的点击切换效果/点击收藏/取消收藏
制作收藏的点击收藏.取消收藏的图标切换效果 效果: vue: <template><van-action-bar><van-action-bar-icon icon=&q ...
- springboot整合redis案例——点赞取消点赞
目录 springboot与缓存 JSR-107 Spring缓存抽象 重要概念和缓存注解 springboot整合redis 案例一:Redis是实现点赞.取消点赞 一.Redis 缓存设计及实现 ...
- 微信二次开发SDK使用教程--手机检测到有人点赞/取消点赞通知服务端
微信二次开发SDK使用教程--手机检测到有人点赞/取消点赞通知服务端 case CircleLikeNotice : {//手机检测到有人点赞/取消点赞通知 log.debug("socke ...
- 微信小程序实现收藏和取消收藏功能
话不多说,直接上代码 js data:{isFavorite: false, },//收藏 collect: function(options) {console.log(options)var th ...
- QQ空间点赞...取消点赞
QQ空间一键点赞...取消点赞,谷歌浏览器进QQ空间到个人中心按F12打开开发者切换到console直接粘贴以下代码即可! 好友动态点赞代码 1 2 3 4 5 6 7 8 9 10 jQuery(& ...
- 微信小程序---收藏/取消收藏(点改)
wxml <view class="left" bindtap="haveSave"> <image class="save&quo ...
最新文章
- 海思3531D上编译FFmpeg源码操作步骤
- 戴尔背书飞贷:创新IT技术直击金融机构互联网转型需求
- boost::math模块使用 non_finite_num facet 的一个非常简单的例子
- bootstrap和圣杯布局
- onSaveInstanceState() 和 onRestoreInstanceState()
- Vue事件处理_vue的事件处理超级方便_功能强大---vue工作笔记0011
- let和const注意点
- linux 6.8安装 mysql_linux centos6.8 安装 mysql5.7.zip(完整版)
- 矩阵分析(二):子空间之间的代数关系-无交连、正交与正交补
- PyTorch 报错:TypeError: Cannot handle this data type: (1, 1, 512), |u1 (已解决)
- 顺丰云服务器,基于华为云云原生解决方案,顺丰“快递+”这一项业务效率提升了48倍...
- spring boot社区疫苗接种管理系统毕业设计源码281442
- OpenCV彩色图像读取
- python判断水仙花数函数_Python(6):上机练习——函数练习之水仙花数
- TensorFlow1深度学习基础(笔记二)
- CrossWalk问题
- Django 4.0文档学习(一)
- en结尾的单词_以ey结尾的英文单词发ei-以en结尾的单词有哪些-以key结尾的英文单词...
- 解决微信小程序自定义tabbar跳转页面图标闪动问题
- Poco 库开发-教你如何读Poco的官方文档
热门文章
- 推荐几个Sublime插件
- 【有限元分析】网格形状和网格尺寸对结果的影响——以矩形杆的静力分析为例
- 计算机在线修改相片,全国普通计算机等级考试照片尺寸 在线调整的方法
- 切换到/etc/ppp/ipup文件,写出操作命令过程,并显示详细过程,和推迟30秒关机命令
- 微信小程序在模板语法中使用indexOf失效问题解决办法
- Java new Date() 获取的时间不正确 【已解决】
- ORA-01034和ORA-27101的解决方法
- 【工具使用系列】关于 MATLAB 多机电力应用,你需要知道的事
- python requests cookie处理
- 5大模块带你了解视频后台设计(含推荐策略)