点赞功能

作者: LuckyS007 | 来源:发表于2018-07-24 21:47 被阅读0次

思路:
1.先在data里面声明id和index索引,是否点赞isLike;
2.绑定事件设置三个data-的值,获取当前的id,index,isLike。
3.点击事件,判断是否为1,是的话弹窗提示并不执行下面的代码,否则,请求接口且成功的话,把isLike的值,通过setData赋给变量isLike.
注意,具体操作那个需要利用index.

<view class='' bindtap='onLike' data-index='{{index}}' data-isLike='{{item.isLike}}' data-schemeId='{{item.schemeId}}'>
      <image mode='widthFix' src='{{item.isLike==1?2.png:1.png}}'></image>
    </view>
data: {
    follow_info:[],
    //isLike: 0,
    schemeId:null,
    index:null
  },
onLike(e) {
    var self = this;
    var isLike = e.currentTarget.dataset.islike; 
    var index = e.currentTarget.dataset.index; 
    if(isLike==1){
      wx.showToast({
        title: '已点赞',
        icon: 'none',
        duration: 1000
      });
      return false;
    }
    var schemeId = e.currentTarget.dataset.schemeid;
    self.setData({
      schemeId: schemeId,
      index: index
    })
    app.checkSessionKey(this.onLike_fn)
  },
  onLike_fn(obj) {
    var self = this;
    var openId = obj.openId;
    var sessionKey = obj.sessionKey;
    var schemeId = self.data.schemeId;
    wx.request({
      url: app.globalData.http + '/a/b',
      method: 'POST',
      data: {
        openid: openId,
        session_key: sessionKey,
        schemeId: schemeId
      },
      success: function (res) {
        if (res.data.code == 200) {
          var follow_info = self.data.follow_info;
          var index = self.data.index;
          follow_info[index].isLike = 1;
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
            duration: 1000
          });
          self.setData({
            follow_info: follow_info
          })
        }
      }
    })
  },

相关文章

  • 点赞功能

    思路:1.先在data里面声明id和index索引,是否点赞isLike;2.绑定事件设置三个data-的值,获取...

  • 关闭点赞功能

    天天看简书文章,仿佛不愿冷落每一份热情。 封控的原因,情绪低落,失去热情,而文字是热情的产物。 姑且先看看书,汲...

  • 点赞功能关闭?

    晚上,能量爆满,想着给大家点几个超赞睡觉,结果连试几篇,显示该功能关闭! 真的是讨嫌弃! 你们的功能被关闭了吗?

  • 产品分析91- 信息筛选机制

    今天看到微信的小程序可以点赞了。 点击进去“小程序资料页”,现在显示“为该小程序点赞”和“反馈功能”。 点赞功能的...

  • 微信点赞测试点

    功能测试 1)给某个好友点赞,点赞数+1,点赞栏显示具体点赞人的名字,该用户手动点赞回馈2)点完赞后,共同好友在点...

  • 使用redis实现点赞功能的几种思路

    原文发表在我的个人博客 - 使用redis实现点赞功能的几种思路 点赞功能几乎是现在互联网产品的标配了,点赞存在的...

  • 1.6 收藏、评论、点赞、计数功能准备工作

    1、收藏、评论、点赞、计数功能准备工作 编写收藏、评论、点赞的功能按钮。计数功能是一个被动功能,无须用户有意识的主...

  • Ins取消点赞

    Ins取消点赞 最近Instagram宣布取消点赞功能,不管是1个赞还是1000000个赞,统统都是others。...

  • 点赞的蜕变

    点赞这个功能真是强大,深表同感,点个赞,不可言说,点个赞,不置可否,点个赞,欲说还休,点赞。无话可讲,点个赞。 渐...

  • 论网络中点赞之利与弊

    在网络中,点赞之功能,可谓一基本功能。

网友评论

    本文标题:点赞功能

    本文链接:https://www.haomeiwen.com/subject/sipdsxtx.html