zoukankan      html  css  js  c++  java
  • 点赞功能(手动更新当前项 无状态刷新页面) ==》点赞的时候手动拼接

                    <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
              })
            }
          }
        });
      }
  • 相关阅读:
    Redis学习笔记(十四)Sentinel(哨兵)(上)
    Redis学习笔记(十三) 复制(下)
    Redis学习笔记(十二) 复制(上)
    搞懂推荐系统中的评价指标NDCG(CG、DCG、IDCG)
    pytorch入门3.2构建分类模型再体验(批处理)
    pytorch入门3.1构建分类模型再体验(模型和训练)
    pytorch入门3.0构建分类模型再体验(准备数据)
    一条一条的读《推荐系统实战》2.0
    pytorch入门2.2构建回归模型初体验(开始训练)
    pytorch入门2.1构建回归模型初体验(模型构建)
  • 原文地址:https://www.cnblogs.com/xiaoxiaoxun/p/12425419.html
Copyright © 2011-2022 走看看