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
              })
            }
          }
        });
      }
  • 相关阅读:
    arm,iptables: No chain/target/match by that name.
    Windows7-USB-DVD-tool提示不能拷贝文件的处理
    WPF实现WORD 2013墨迹批注功能
    windows下实现屏幕分享(C#)
    Owin WebAPI上传文件
    js 下不同浏览器,new Date转换结果时差
    jquery 动态增加的html元素,初始化设置在id或class上的事件无效
    WPF DataGrid模拟click实现效果
    基于Bootstrap的步骤引导html页面
    XWalkView+html 开发Android应用
  • 原文地址:https://www.cnblogs.com/xiaoxiaoxun/p/12425419.html
Copyright © 2011-2022 走看看