• 点赞功能(手动更新当前项 无状态刷新页面) ==》点赞的时候手动拼接


                    <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
              })
            }
          }
        });
      }
  • 相关阅读:
    简单工厂、工厂方法、抽象工厂
    c#之反射总结
    设计模式Builder(建造者)模式
    c#之委托和事件的区别
    c#之委托总结
    javascript之流程控制 和函数的容易忽略点
    javascript之六种数据类型以及特殊注意点
    Sublime Text 快捷键
    链接中获取文件名
    js 获取当天23点59分59秒 时间戳 (最简单的方法)
  • 原文地址:https://www.cnblogs.com/xiaoxiaoxun/p/12425419.html
Copyright © 2020-2023  润新知