Vuefireどのようにセットアップのdb refに動的にコンポーネント小道具

Question

私は、更新イベントが発生している。この

export default { 
    name: 'data', 
    props: { 
    api: { 
     type: String 
    }, 
    section: { 
     type: String 
    } 
    }, 
    firebase: { 
    apiData: { 
     source: (console.log('source', this.api), db.ref(this.api)), 
     asObject: true 
    } 
    }, 
    updated: function() { 
    console.log('updated', this.api, this.section) 
    }, 
    created: function() { 
    console.log('created', this.api, this.section) 
    } 
} 

私の問題のように、部品データに基づいてfirebaseノードの結合の動的設定にしようとしているに基づいて変化し、 apiDataソースの更新は行われません。

vuefireでこれを行う正しい方法は何ですか？

Answer 1

vuefireドキュメントのいくつかの読みになった後、私はあなたが手の込んだてくださいすることができ

data: function(){ 
    return { 
    apiData: {} 
    } 
}, 
created: function() { 
    this.$bindAsObject('apiData', db.ref(this.api)) 
}, 
watch: { 
    api: function() { 
    this.$bindAsObject('apiData', db.ref(this.api)) 
    } 
}