美文网首页
vue 列表 分页 按日期归类

vue 列表 分页 按日期归类

作者: 懿小诺 | 来源:发表于2021-11-25 11:28 被阅读0次
 if (that.pageIdx == 1) {
                this.dataList_0 = newArr;//第一页的数据 直接加进来
              } else {
                //第二页的数据 判断日期是不是一样
                for (let i = 0; i < newArr.length; i++) {
                  const _obj = newArr[i];
                  if (_obj.dateStr == this.dataList_0[this.dataList_0.length - 1].dateStr) {
                    this.dataList_0[this.dataList_0.length - 1].childList = this.dataList_0[
                      this.dataList_0.length - 1
                    ].childList.concat(newArr[0].childList);
                  } else {
                    this.dataList_0.push(newArr[i]); //数组追加
                  }
                }
              }
              //没有数据时候 结束分页
              if (that.dataList_0.length == 0) {
                that.noDataTip = '';
                that.upFinished = true;
                that.noData = true;
                return;
              } else {
                that.noDataTip = '- 显示近30天内的历史任务记录 -';
                that.noData = false;
              }
              if (res.data.result.hasMore == 1) {
                that.upFinished = true;
              }

相关文章

  • vue 列表 分页 按日期归类

  • vue-lazyload 动态更新图片bug

    今天小学习了下Vue的使用,当然我的是2.9.4版本,vue-lazyload支持vue 2.x,在做列表分页的时...

  • 4、列表加分页功能

    目标 列表功能 分页功能 列表功能 第一步 新增加FindAllUser.vue文件 第二步 添加路由地址定义: ...

  • vue遇到的坑

    vue列表分页后,进入详情页返回到列表时,ios的safari浏览器造成白屏问题: 解决办法:在拉取数据方法里加入...

  • vue组件之父子组件 属性传递

    上节课说到了 分页有可能是通用部分 其他用户列表 新闻列表 可能都会用到并且vue里面组件可以嵌套组件(也就是父子...

  • 第一次使用mongoDB的记录

    简介 实现一个 vue+express+mongodb 的小demo,包含了列表的增删查,以及简单的分页功能。Gi...

  • 移动端vue下拉分页效果

    背景:在项目开发过程中,使用CDN的方式来运用Vue,列表页面需要下拉分页思路:向 Window 对象添加事件 第...

  • Vue实现分页操作

    1,分页时候引入vue自带的分页组件实现: (1)

  • 滚动加载的列表

    开始之前 今儿的项目又遇见一个不按套路出牌的设计:一个列表页,设计图上是不分页查询,后台给的接口是分页查询。跟产品...

  • angularjs当使用子控制器时,ng-if和ng-show使

    背景: 运营系统很多日报月报,很多列表,列表有分页,项目对请求列表和分页做了封装。有一个具体的需求是,一个列表,打...

网友评论

      本文标题:vue 列表 分页 按日期归类

      本文链接:https://www.haomeiwen.com/subject/jipatrtx.html