vuejs + Firebase删除/更新子孙

Question

我刚开始使用Vuejs + firebase创建一个应用程序，但是在更新或删除孙子项时遇到问题。

要创建孙子，我已成功使用以下内容：

spotsRefs.child(spot['.key']).child('pictures').push(picture) 

但是为了移除孙子，它不起作用，我正在尝试如下操作：

spotsRefs.child(spot['.key']).child('pictures').child(picture).remove()

对于更新孙子，我不太确定如何获取自动生成的- LZJYrFFx9RMdiqMv5dv id

这是它在控制台中的外观：

我有2种不同的功能，用于创建和删除：

this.$root.$on('create', (spot, picture) => {
      spotsRefs.child(spot['.key']).child('pictures').push(picture);
});



this.$root.$on('delete', (spot, picture) => {
       spotsRefs.child(spot['.key']).child('pictures').child(picture).remove()
 });

Answer 1

您需要使用子密钥而不是.child(picture)

获取对添加的子项的引用：

const addedChildRef = spotsRefs.child(spot['.key']).child('pictures').push(picture) 

然后删除

spotsRefs.child(spot['.key']).child('pictures').child(addedChildRef.key).remove()

或

addedChildRef.remove()