<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次(一共四条数据)
然后下面应该是正常输出
原因就在上面stamp函数中的 this.stamp_tag = time 删除掉就好了,不删除就会再循环一遍 实在不知道原因了