Vue-Firebase：从 firebase 捕获更改的值

Question

随着我通过 vue 学习 Firebase，我发现要保持 html 从 firebase 更新其值异常困难。

如果我想在使用后获得单个值

this.$firebaseRefs.Team_Counter.child('numOfTeam').once("value", function(snapshot){
              Team_number = snapshot.val();
            });

当值不更新而需要更改时，这很好。

但我正在尝试获取一个始终更新的值，该值位于 html

<p>{{Team_Num}}</p>

它会更新一次，如果我重新加载项目，它会再次更新，但在运行时它不会更改值。

我尝试使用监听子变化的函数

this.$firebaseRefs.Team_Counter.child('numOfTeam').on("child_changed", function(snapshot){
              Team_number = snapshot.val();
            } );

但我得到的结果与上面的代码相同。

正在使用

on.("child_changed" ...)

处理这个问题的正确方法是什么？还是我错过了其他东西？在读取更改后的数据之前，我是否需要向该值添加其他内容？

谢谢

Answer 1

你应该收听 value event

value: Read and listen for changes to the entire contents of a path.

this.$firebaseRefs.Team_Counter.child('numOfTeam').on('value', function(snapshot) {
    // Do whatever
});

once('value')只运行1次，但on('value')会在值改变时触发

Vue-Firebase：从 firebase 捕获更改的值

Vue-Firebase: Catching a changed value from firebase

javascript

firebase

vue.js

firebase-realtime-database