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收藏/取消收藏,点赞、取消点赞一个道理,切换图标相关推荐

  1. 微信小程序类似于点赞取消点赞计数功能

    这个方法写的是单篇文章的功能,有需要那种用于后台返回多条数据列表的点赞功能可以给我留言,大家探讨 这个功能写的目前是个假数据,直接上代码 html <view wx:for="{{sh ...

  2. ajax点赞只能点一次,php+mysql+ajax局部刷新点赞取消点赞功能(每个账号只点赞一次).pdf...

    php+mysql+ajax 局局部部刷刷新新点点赞赞/取取消消点点赞赞功功能能(每每个个账账号号只只点点赞赞一一次次) 记录每个赞的点赞用户,以及对赞的数量统计 首 判断用户是否点赞.根据是否点赞, ...

  3. 微信小程序点赞+取消点赞多项点击

    小菜鸟一个,希望各位大神不要往死喷,小弟这里先谢过了 最近接触到小程序,发现很有意思,在项目中遇到了一点小问题,就是点赞+取消点赞有些冲突,还有就是多项的点击,话不多说咱们直接上代码!!!!! 效果图 ...

  4. Vue3 使用vant actionBar组件后对icon图标的点击切换效果/点击收藏/取消收藏

    制作收藏的点击收藏.取消收藏的图标切换效果 效果: vue: <template><van-action-bar><van-action-bar-icon icon=&q ...

  5. springboot整合redis案例——点赞取消点赞

    目录 springboot与缓存 JSR-107 Spring缓存抽象 重要概念和缓存注解 springboot整合redis 案例一:Redis是实现点赞.取消点赞 一.Redis 缓存设计及实现 ...

  6. 微信二次开发SDK使用教程--手机检测到有人点赞/取消点赞通知服务端

    微信二次开发SDK使用教程--手机检测到有人点赞/取消点赞通知服务端 case CircleLikeNotice : {//手机检测到有人点赞/取消点赞通知 log.debug("socke ...

  7. 微信小程序实现收藏和取消收藏功能

    话不多说,直接上代码 js data:{isFavorite: false, },//收藏 collect: function(options) {console.log(options)var th ...

  8. QQ空间点赞...取消点赞

    QQ空间一键点赞...取消点赞,谷歌浏览器进QQ空间到个人中心按F12打开开发者切换到console直接粘贴以下代码即可! 好友动态点赞代码 1 2 3 4 5 6 7 8 9 10 jQuery(& ...

  9. 微信小程序---收藏/取消收藏(点改)

    wxml <view class="left" bindtap="haveSave"> <image class="save&quo ...

最新文章

  1. 海思3531D上编译FFmpeg源码操作步骤
  2. 戴尔背书飞贷:创新IT技术直击金融机构互联网转型需求
  3. boost::math模块使用 non_finite_num facet 的一个非常简单的例子
  4. bootstrap和圣杯布局
  5. onSaveInstanceState() 和 onRestoreInstanceState()
  6. Vue事件处理_vue的事件处理超级方便_功能强大---vue工作笔记0011
  7. let和const注意点
  8. linux 6.8安装 mysql_linux centos6.8 安装 mysql5.7.zip(完整版)
  9. 矩阵分析(二):子空间之间的代数关系-无交连、正交与正交补
  10. PyTorch 报错:TypeError: Cannot handle this data type: (1, 1, 512), |u1 (已解决)
  11. 顺丰云服务器,基于华为云云原生解决方案,顺丰“快递+”这一项业务效率提升了48倍...
  12. spring boot社区疫苗接种管理系统毕业设计源码281442
  13. OpenCV彩色图像读取
  14. python判断水仙花数函数_Python(6):上机练习——函数练习之水仙花数
  15. TensorFlow1深度学习基础(笔记二)
  16. CrossWalk问题
  17. Django 4.0文档学习(一)
  18. en结尾的单词_以ey结尾的英文单词发ei-以en结尾的单词有哪些-以key结尾的英文单词...
  19. 解决微信小程序自定义tabbar跳转页面图标闪动问题
  20. Poco 库开发-教你如何读Poco的官方文档

热门文章

  1. 推荐几个Sublime插件
  2. 【有限元分析】网格形状和网格尺寸对结果的影响——以矩形杆的静力分析为例
  3. 计算机在线修改相片,全国普通计算机等级考试照片尺寸 在线调整的方法
  4. 切换到/etc/ppp/ipup文件,写出操作命令过程,并显示详细过程,和推迟30秒关机命令
  5. 微信小程序在模板语法中使用indexOf失效问题解决办法
  6. Java new Date() 获取的时间不正确 【已解决】
  7. ORA-01034和ORA-27101的解决方法
  8. 【工具使用系列】关于 MATLAB 多机电力应用,你需要知道的事
  9. python requests cookie处理
  10. 5大模块带你了解视频后台设计(含推荐策略)