我的代码保存了该值,更多的是当页面刷新并点击按钮时该值返回到 1var button = document.getElementById("button-download"), count = 0;button.onclick = function() { count += 1; firebase.database().ref('counter').set(count); updateValue();};function updateValue() { firebase.database().ref('counter').once('value', function(snapshot) { var badge = document.getElementById("badge-value"); badge.innerHTML = "Download: " + snapshot.val(); });}我怎么解决这个问题?
1 回答
largeQ
TA贡献2039条经验 获得超7个赞
您需要确保先读取该值,然后再将其设置为新值。现在的 Firebase 有一个内置的增量运算符来做到这一点:
button.onclick = function() {
firebase.database().ref('counter').set(firebase.database.ServerValue.increment(1));
};
firebase.database().ref('counter').on('value', function(snapshot) {
var badge = document.getElementById("badge-value");
badge.innerHTML = "Download: " + snapshot.val();
});
您会注意到我不再更新(也不需要)本地也不再count刷新 UI 。onclick那是因为代码现在使用 侦听数据库on(),这确保了这两种情况都自动发生。
添加回答
举报
0/150
提交
取消