Vuefire - 在v-for循环中获取密钥

Question

我是Vue和Vuefire的新手。我正在尝试使用密钥作为URL ID创建到页面的动态链接。

我的参考设置为

let db = app.database();
const postsRef = db.ref('posts');

我正在将全局参考导入我的应用页面 -

firebase: {
  posts: {
    source: postsRef,
    asObject: true,
    readyCallback: function () {
      console.log(postsRef)
    }
  },
},

并迭代post对象 -

<div v-for="post in posts">
  <a :href="'post/' + post.key"></a>
</div>

我的数据库结构如此 - DB Structure

考虑到我可能想要在帖子页面检索，最好不使用URL Params，最好的方法是使用密钥？当我记录postsRef对象时，我看到父值为null，键值为posts。我想要键值来检索for循环中元素的唯一ID。

Answer 1

所以基本上，删除asObject：true并将其作为数组导入而不是对我有用。在我的例子中，密钥可以作为

访问

post['.key']