当前位置:   article > 正文

微信小程序:有条件的展示卡片_微信小程序 按条件显示组件

微信小程序 按条件显示组件

需求:当公告的发布时间小于当前时间的话才做显示
思维偏差:
第一我把该条件写在了子组件卡片的位置,这显然是不成立的;
第二我居然是想着将后台返回的时间让他们格式化后,再进行年月日的比较,这样让代码复杂化了难度也更加难了。
正确做法:
首先将卡片push出来的地方是在接口那里,那么你应该是到接口那里增加条件;其次比较两者时间,直接用时间戳比较(因为时间戳都是数字,更方便更简单)。
做法:
1.先定义当前时间的时间戳
2.其次遍历定义发布时间的时间戳
3.用if条件判断,发布时间 <= 当前时间 则显示卡片
源代码:

 //获取政策速遞
getList2() {
    // this.isLoad3 = true;
    // noticeType:1通知公告 2政策速遞
    // let noticeType = current == 2 ? 2 : 2;
    var that = this;
    if (that.currentRowCount3 < that.rowCount3) {
      that.status = "nomore";
      return;
    }
    getNoticeList({
      noticeType: 2,
      showAddress: "1",
      current: that.page3,
      rowCount: that.rowCount3,
    })
      .then((res) => {
        // this.dataList3 = res.data.rows;
        let data = res.data.rows;

        // data.forEach((v) => {
        //   that.dataList3.push(v);
        // });
        //当前时间的时间戳
        let currentTime = Date.parse(new Date());
        console.log(currentTime, "当前时间");
        //遍历发布时间的时间戳
        let pudateTime;
        for (let i = 0, length = data.length; i < length; i++) {
          pudateTime = Date.parse(data[i].pubdate);
          console.log(pudateTime, "发布时间");
          //发布时间 <= 当前时间 则显示卡片
          if (pudateTime <= currentTime) {
            that.dataList3.push(data[i]);//就是这一句我不会写,这句话的意思是dataList3是卡片的绑定数据,卡片push出res.data.rows[i];整个这个for循环就相当于上面那个forEach,因此不用再在里面再循环一遍,外层循环了里面条件满足了,将卡片直接push出来
          }
        }
        that.currentRowCount3 = data.length;
        that.page3++;
        that.status = "nomore";
        that.isLoad3 = false;
      })
      .catch((error) => {
        console.log(error);
      });
  },
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/253074
推荐阅读
相关标签
  

闽ICP备14008679号