首页 > 其他 > 详细

点赞功能(手动更新当前项 无状态刷新页面)

时间:2020-03-06 12:01:27      阅读:63      评论:0      收藏:0      [点我收藏+]
                <block wx:if="{{item.tags==0}}">
                  <image class="vote_s" data-num="1" data-id="{{item.id}}" data-index="{{index}}" catchtap="getTagsArticle" src="../../../../images/upvote_s.png"></image>
                  <text style="margin-left:4rpx;">{{item.tags_num}}</text>
                </block>
                <block wx:else>
                  <image class="vote_s" data-num="-1" data-id="{{item.id}}" data-index="{{index}}" catchtap="getTagsArticle" src="../../../../images/vote_s.png"></image>
                  <text style="margin-left:4rpx;">{{item.tags_num}}</text>
                </block>
 
 
 
getTagsArticle(e) {
    console.log(e)
    // 判断是否点赞 1 或者 -1
    let num = e.currentTarget.dataset.num;
    // 当前项的id
    let id = e.currentTarget.dataset.id;
    // 当前项的索引
    let idx = e.currentTarget.dataset.index;
    console.log(num, id, idx)
    const that = this;
    var postsData = {
      id: id,
      num: num
    }
    let dataInfo = requestSign.requestSign(postsData)
    header.sign = dataInfo
    wx.request({
      url: api.get_tagsArticle,
      data: postsData,
      header: header,
      method: ‘POST‘,
      dataType: ‘json‘,
      responseType: ‘text‘,
      success: ({
        data
      }) => {
        console.log(data, ‘成功‘)
        if (data.code == 1) {
          if (num > 0) { //点赞
            that.data.articleList[idx].tags = 1;
            that.data.articleList[idx].tags_num++;
          } else { //取消点赞
            that.data.articleList[idx].tags = 0;
            that.data.articleList[idx].tags_num--;
          }
          that.setData({
            ["articleList[" + idx + "]"]: that.data.articleList[idx]
          })
        } else {
          wx.showToast({
            title: data.message
          })
        }
      }
    });
  }

点赞功能(手动更新当前项 无状态刷新页面)

原文:https://www.cnblogs.com/xiaoxiaoxun/p/12425419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!