列表点赞功能

最新推荐文章于 2021-08-27 14:30:52 发布

shua_1990

最新推荐文章于 2021-08-27 14:30:52 发布

阅读量736

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/shua_1990/article/details/106794436

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

/**wxml*/ 
<view class="heart" bindtap="favorclick" data-id="{{item.id}}">
      <text class="icon-heart" style="{{item.redHeart?'color:'+skincolor+'!important;':''}}">
      </text>
      <text>{{item.likecount}}</text>
</view>


/**js*/
favorclick: function(e) {
    var item_id = e.currentTarget.dataset.id; //点击当前列表的id
    var newCaseList = this.data.newCaseList; //数据列表
    //接口传参数
    var data = {
        shopid: app.globalData.shopId,
        id: item_id
    }
    //循环数据列表
    for (var i = 0; i < newCaseList.length; i++) {
       //判断点击的id等于数据列表id
       if (newCaseList[i].id == item_id) {
           //判断数据里面里面有没有这个字段，如果没有
          if(!newCaseList[i].redHeart){
               //添加字段为true
               newCaseList[i].redHeart = true;
               //这个字段加1（点赞加1）
               newCaseList[i].likecount = Number(Number(newCaseList[i].likecount) + 1);
               //把最新数据返回到后台
               util.apiRequest('/opus/setlike', data).then(data => {
                  if (data) {
                    //渲染页面
                     this.setData({
                          newCaseList: newCaseList,
                          clickNum: 1,
                      })
                   }
                 })
             }
          }
      }
  },
/**注：取消点赞暂时没有弄，有时间在补充下；*/