如何显示Vue.js和Firebase未过时的元素？

Question

这是我从Firebase获取数据的方式。 我可以打印所有事件列表，对此我感到很高兴，但是现在我只想加载未过期的“事件”？ 我被卡住了。

非常感谢您的帮助：）

    loadEvents ({commit}) {
  commit('setLoading', true)
  firebase.database().ref('events').once('value')
    .then((data) => {
      const events = []
      const obj = data.val()
      for (let key in obj) {
        events.push({
          id: key,
          title: obj[key].title,
          day: obj[key].day,
          description: obj[key].description,
          imageUrl: obj[key].imageUrl,
          date: obj[key].date,
          location: obj[key].location,
          creatorId: obj[key].creatorId
        })

      }
      commit('setLoadedEvents', events)
      commit('setLoading', false)
    })
    .catch(
      (error) => {
        console.log(error)
        commit('setLoading', false)
      }
    )
},

编辑：多亏了弗兰克，现在我只能选择在“过期”字段中具有正确值的节点。 如果在此字段中出现诸如文本之类的错误，则不会显示节点。 如何仅获取“过期”字段中的日期（时间戳）大于昨天的日期的节点？

     loadMeetups ({commit}) {
  commit('setLoading', true)
  firebase.database().ref('Meetups').orderByChild('expires').startAt(Date.now()).once('value')
    .then((data) => {
      const Meetups = []
      const obj = data.val()
      for (let key in obj) {
        Meetups.push({
          id: key,
          title: obj[key].title,
          day: obj[key].day,
          expires: obj[key].expires,
          description: obj[key].description,
          imageUrl: obj[key].imageUrl,
          date: obj[key].date,
          location: obj[key].location,
          creatorId: obj[key].creatorId
        })
      }

这是我在Firebase上推送数据的方式：

  methods: {
  onCreateMeetup () {
    if (!this.formIsValid) {
      return
    }
    const MeetupData = {
      title: this.title,
      day: this.day,
      expires: this.expires,
      location: this.location,
      imageUrl: this.imageUrl,
      description: this.description,
      date: this.submittableDateTime
    }
    this.$store.dispatch('createMeetup', MeetupData)
    this.$router.push('/Meetups')
  }
}

这是我的数据样本

最好，

Answer 1

这一点取决于节点何时过期的定义。 如果存储子节点过期的时间戳，例如

child.expires = Date.now();

然后，您可以查询尚未过期的节点：

firebase.database().ref('events').orderByChild('expires').startAt(Date.now()).once('value')
  .then((data) => {
    ...