vue中视图层实现相同时间显示一次

最近做一个预览记录的列表,后端返回有预览时间,遍历视图层时,怎么实现年月日相同的情况下只显示一次,并格式化为今天,昨天,甚至更早时间,我做的时候都把每个循环出来,不能只保留一次,不知道怎么才能实现保留一次相同时间。类似抖音这种。

img

在js层面,在获取后端数据后,先进行根据你自己的规则进行一次过滤,然后再放入视图中

要对时间进行分组,每个时间对应该时间的记录,然后循环遍历两次,一次为时间,一次为记录

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7696916
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:关于VUE踩过的坑,两个数组等于同一个返回的结果集,其中一个数组变了,另外一个数组也跟着变
  • 除此之外, 这篇博客: 使用Vue做一个购物车中的 三:恭喜伙伴们,做到这个程度购物车已经可以加入你的宝贝了。当然,还全选功能没有做。好,接下来我们继续讲全选功能。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  •   //商品全选的方法   date 重后台读读取的数据做这里的参数  指商品是否被选中
      //注意 data 在这里是我自定义的,并不是后台真正的字段  
       selectAll: function (data) {
            if (!data) {
              this.$store.state.goodsList.forEach(item => {
                item.needChecked = true;
                this.num = this.$store.state.goodsList.length;
              });
            } else {
              this.$store.state.goodsList.forEach(item => {
                item.needChecked = false;
                this.num = 0;
              });
            }
          }