来自 Route ID 的 Firebase 参考答案

【问题标题】：Firebase Reference from Route ID来自 Route ID 的 Firebase 参考
【发布时间】：2017-08-07 13:22:09
【问题描述】：

我正在尝试根据 URL 的 ID 动态设置 Firebase 引用。我正在使用 Vue 和 VueFire。这是我的代码：

<template>
  <v-container>
    <h4>name: {{anObject.name}}</h4>
  </v-container>
</template>

<script>
  import Vue from 'vue'
  import db from '@/js/firebase.js'

  export default {
    props: ['id'],
    firebase: {
      anObject: {
        source: db.ref(this.getPath),
        //source: db.ref('path/id'),
        asObject: true,
        cancelCallback: function () {console.log("Cancel")},
        readyCallback: function () {console.log("Ready")}
     },
   computed: {
     getPath () {
       return 'path/' + this.id
     }
   }
 </script>

目前“anObject”对象不产生任何数据（不引发错误）。当我对路径进行硬编码（当前显示已注释掉）时，一切都按预期工作。我猜这个问题与创建“anObject”时没有值的 id 属性有关？如果是这样，我可以在生命周期挂钩中更新引用吗？

【问题讨论】：

标签： vuejs2 vuefire

【解决方案1】：

好的，我找到了答案here。基本上我需要等待创建的钩子，然后定义引用（注意不要在其他任何地方定义它！）。

  created () {
    this.$bindAsObject('anObject', db.ref('path/' + this.$route.params.id))
  },

【讨论】：