Tani98 2021-10-19 11:20 采纳率: 0%
浏览 62

使用vue再v-for循环了两次,且第二次循环数据并没有从数组中取值而是单纯的打印了4遍

<div class="msg_item" v-for="(item,index) in msg">
          <el-divider v-if="stamp(item.stamp,index)"><font style="color: #cacaca">17:25</font></el-divider>

在上面代码有一个v-for做循环,下面v-if调用stamp方法来判断是否要显示el-divider分割线,stamp函数代码如下

    stamp(time,index) {
      console.log(index,this.stamp_tag);
      if (time - this.stamp_tag >= 3000) {
        this.stamp_tag = time
        return true
       }
      else{
        return false
      }
    }

上述代码用来判断两次时间间隔是否大于预设值,this.stamp_tag有初值,但控制台打印8次(一共四条数据)

img


然后下面应该是正常输出

img


原因就在上面stamp函数中的 this.stamp_tag = time 删除掉就好了,不删除就会再循环一遍 实在不知道原因了

  • 写回答

2条回答 默认 最新

  • 技术专家团-剑客 2021-10-19 11:29
    关注

    怎么会出现这种情况?
    是不是有其它代码干扰,可以单独将这个案例拿出来测试一下。如果没问题那就是有其它干扰。

    评论

报告相同问题?

问题事件

  • 创建了问题 10月19日

悬赏问题

  • ¥15 TLE9879QXA40 电机驱动
  • ¥15 clion的参数提示怎么关闭
  • ¥20 对于工程问题的非线性数学模型进行线性化
  • ¥15 Mirare PLUS 进行密钥认证?(详解)
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
  • ¥20 想用ollama做一个自己的AI数据库
  • ¥15 关于qualoth编辑及缝合服装领子的问题解决方案探寻
  • ¥15 请问怎么才能复现这样的图呀
  • ¥15 mifare plus卡认证
  • ¥30 LSTM预测结果是一条直线