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
              })
            }
          }
        });
      }
  • 相关阅读:
    WPF 基于 Azure 的认知服务 情绪分析 语言检测 关键短语提取
    白板类应用的模式交互设计方案
    dotnet Multi-platform App UI 多平台应用 UI 框架简介
    Windows 窗口样式 什么是 WS_EX_NOREDIRECTIONBITMAP 样式
    Windows 对全屏应用的优化
    GitHub Action 新上线 WPF .NET Core 自动构建模板
    为何 WPF 对 vcruntime140 有引用
    用 C# 写脚本 如何输出文件夹内所有文件名
    排序、去重与离散化
    二分
  • 原文地址:https://www.cnblogs.com/xiaoxiaoxun/p/12425419.html
Copyright © 2011-2022 走看看