如何在JS / Vue.js中检查时间戳是否大于当前时间(没有重新加载页面)

无效的语法

我正在使用Vue.js创建一个网站,并且如果 item.queue_entry_time > (NOW - 1 hour)

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

queue_entry_time
queue_call_time
queue_entrant_name

标记

<template v-for="(item, index) in queue">
  <div class="">
  </div>
</template>

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

东尼19

您可以将Boolean属性添加到根据以下属性定期设置的对象(例如recentqueue_entry_time

export default {
  //...
  mounted() {
    this._timer = setInterval(() => {
      const anHourAgo = Date.now() - (60 * 60 * 1000)
      for (const q of this.queue) {
        q.recent = q.queue_entry_time > anHourAgo
      }
    }, 5000)
  },
  beforeDestroy() {
    clearInterval(this._timer)
  },
}

然后,使用基于每个对象的条件渲染recent来显示class1

<template v-for="(item, index) in queue">
  <div v-if="item.recent">class1</div>
</template>

如果您实际上是想基于此条件应用类,则可以使用类绑定

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

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Javascript

如何在页面加载时调用vue.js函数

来自分类Dev

如何在vue.js中获取当前年份?

来自分类Dev

如何在vue.js中检查文件类型是否为指定的文件类型(图片)?

来自分类Dev

如何在react.js中转换时间戳

来自分类Dev

如何在Laravel中显示渲染时间/页面加载时间?

来自分类Dev

如何在Laravel 5中从Carbon获取当前时间戳

来自分类Dev

Vue.js:如何在异步组件内部加载模板

来自分类Dev

时间戳中的“ m”是什么?如何在没有“ m”的情况下获取时间戳?

来自分类Javascript

如何在Ember.js中重新加载当前路由?

来自分类Javascript

如何使用Moment.js返回当前时间戳?

来自分类Dev

如何检查时间是否大于或小于

来自分类Dev

如何在Vanilla HTML / JS中重新加载ReactJS组件?

来自分类Javascript

如何在ReactJS中重新加载当前页面?

来自分类Dev

如何在Angular JS的范围滑块中设置时间?

来自分类Javascript

如何在moment.js中设置日期和时间

来自分类Javascript

如何在moment.js中设置日期和时间

来自分类Javascript

如何在javascript / Node.js中获取时间?

来自分类Dev

如何在vscode中重新格式化Vue.js组件?

来自分类Javascript

如何在vue.js中设置cookie?

来自分类Dev

如何在Vue.js中获取v-for索引?

来自分类Dev

如何在Vue.js中要求插槽?

来自分类Dev

如何在Vue.JS中更新插槽

来自分类Javascript

如何在Vue.js模板中定义临时变量

来自分类Dev

如何在vue.js中获取索引和计数

来自分类Dev

Vue.js:如何在方法定义中访问“ this”

来自分类Dev

如何在Vue.js中设置optgroup选择标签?

来自分类Dev

如何在vuex中更新状态?vue.js 2

来自分类Dev

如何在vue.js 2的类中添加条件?

来自分类Dev

如何在vue.js中添加动态引用?

TOP 榜单

热门标签

归档