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()