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) 
    } 
    }, 
}, 

と投稿を反復処理はそうのようなオブジェクト -

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

私のデータベースは次のように構成されています。 DB Structure

私は投稿ページで、好ましくはURLパラメータを使わずに検索したいと考えて、キーを使用する最良の方法は何でしょうか？ postsRefオブジェクトを記録すると、親値がnullで、キー値が投稿であることがわかります。キー値でforループの要素の一意のIDを取得します。

Answer 1

基本的に、asObject：trueを削除し、代わりに配列としてインポートすることは、私の仕事です。私の場合、キーは次のようにアクセスできます

post['.key']