Question

我正在为新的Vue.js项目使用vuefire。但是初始化存在问题...

我的数据属性之一需要通过一种方法初始化。为此，我使用Vue.js的 created 钩子。实际上，我的Firestore请求需要此属性的值。

问题是： firestore请求似乎在创建的钩子之前运行。

创建的钩子运行后，如何运行我的Firestore请求？

谢谢！

data: function () {
  return {
    currentWeek: null
  }
},
firestore: function (currentWeek) {
  return {
    slots: db.collection('slots').where('start', '>=', this.currentWeek)
  }
},
created: function () {
  this.currentWeek = moment().startOf('week')
},

Answer 1

这不是确切的代码，但是，基本上，您想使用rates = response.xpath('//td').extract()在$firestoreRefs生命周期方法内自己进行查询

created

Answer 2

我发现我可以通过监视和绑定来解决此问题：

data: function () {
  return {
    currentWeek: null,
    slots: []
  }
},
created: function () {
  this.currentWeek = moment().startOf('week')
},
watch: {
  currentWeek (currentWeek) {
    this.$bind('slots', db.collection('slots')
      .where('start', '>=', moment(currentWeek).toDate())
  }
}

我很确定可以找到更好的解决方案...

如何告诉vuefire的Firestore在“创建”钩子后执行？

2 个答案: