Javascript 如何在JS/Vue.JS中检查时间戳是否大于当前时间（无需重新加载页面）

我正在使用Vue.js创建一个网站，并试图在item.queue\u entry\u time>NOW-1小时时突出显示一行

队列是具有以下属性的对象数组

queue_entry_time
queue_call_time
queue_entrant_name

加价

---

当满足上述条件时，我尝试在我的div中显示class1。我不确定如何执行此操作，因为创建返回当前时间戳的函数是固定的，不会随着时间的推移而改变。

您可以向对象添加一个布尔属性，例如，根据其队列\u条目\u时间设置的名为“最近”的属性：

导出默认值{ //... 安装{ 这是。_timer=setInterval=>{ const anHourAgo=Date.now-60*60*1000 对于此队列的常量q{ q、 最近=q.queue\u entry\u time>anHourAgo } }, 5000 }, 销毁前{ clearIntervalthis.\u定时器 }, } 然后，使用“基于每个对象的最近属性”来显示类别1：

第一类 如果您实际上想基于此条件应用类，则可以使用：

...

---

您可以向对象添加一个布尔属性，例如，根据其队列\条目\时间设置的名为“最近”的属性：

导出默认值{ //... 安装{ 这是。_timer=setInterval=>{ const anHourAgo=Date.now-60*60*1000 对于此队列的常量q{ q、 最近=q.queue\u entry\u time>anHourAgo } }, 5000 }, 销毁前{ clearIntervalthis.\u定时器 }, } 然后，使用“基于每个对象的最近属性”来显示类别1：

第一类 如果您实际上想基于此条件应用类，则可以使用：

...

---

按如下方式设置标记

<template v-for="(item, index) in queue">
    <div :class="{class1: checkCutoff(item)}">
    
    </div>
</template>

---

按如下方式设置标记

<template v-for="(item, index) in queue">
    <div :class="{class1: checkCutoff(item)}">
    
    </div>
</template>

---

所以，你需要一个setInterval运行-更新一些数据：高亮逻辑中使用的值因此，你需要一个setInterval运行-更新一些数据：高亮逻辑中使用的值无需使interval成为数据属性，因为它不需要是被动的。真的-我总是搞砸：pNo需要使interval成为数据属性，因为它不需要是被动的。真的-我总是搞砸了：以前从未研究过类和样式绑定-这真的简化了我的一些糟糕的代码！！以前从未研究过类和样式绑定-这确实简化了我的一些糟糕代码！！