Vuefire - 在 v-for 循环中获取密钥
Vuefire - get key within v-for loop
我是 Vue 和 Vuefire 的新手。我正在尝试使用密钥作为 URL ID 为页面创建动态 link。
我的参考设置为
let db = app.database();
const postsRef = db.ref('posts');
我正在将全局引用导入我的应用程序页面,就像这样 -
firebase: {
posts: {
source: postsRef,
asObject: true,
readyCallback: function () {
console.log(postsRef)
}
},
},
并像这样遍历帖子对象 -
<div v-for="post in posts">
<a :href="'post/' + post.key"></a>
</div>
我的数据库结构如下 -
DB Structure
考虑到我可能想在帖子页面检索,最好不要使用 URL 参数,使用密钥的最佳方式是什么?当我记录 postsRef 对象时,我看到父值为 null,键值为 posts。我希望键值在 for 循环中检索元素的唯一 ID。
所以基本上,删除 asObject: true 并将其作为数组导入对我来说是可行的。在我的例子中,密钥可以作为
post['.key']
我是 Vue 和 Vuefire 的新手。我正在尝试使用密钥作为 URL ID 为页面创建动态 link。
我的参考设置为
let db = app.database();
const postsRef = db.ref('posts');
我正在将全局引用导入我的应用程序页面,就像这样 -
firebase: {
posts: {
source: postsRef,
asObject: true,
readyCallback: function () {
console.log(postsRef)
}
},
},
并像这样遍历帖子对象 -
<div v-for="post in posts">
<a :href="'post/' + post.key"></a>
</div>
我的数据库结构如下 - DB Structure
考虑到我可能想在帖子页面检索,最好不要使用 URL 参数,使用密钥的最佳方式是什么?当我记录 postsRef 对象时,我看到父值为 null,键值为 posts。我希望键值在 for 循环中检索元素的唯一 ID。
所以基本上,删除 asObject: true 并将其作为数组导入对我来说是可行的。在我的例子中,密钥可以作为
post['.key']