Как зациклить мой снимок Firebase, чтобы список с помощью v-for?

Question

Я хочу отфильтровать данные из моей базы данных Firebase, чтобы перечислять только задания с authUser , равным текущему зарегистрированному пользователю.

Я использовал .orderByChild метод для фильтрации данных.Однако я не могу понять, почему не работает циклический снимок для получения отдельных значений.

Вот мой компонент, в котором я хочу перечислить все задания, которые соответствуют этому критерию.

Код компонента задания

Кроме того, если я сделаю console.log для предварительного просмотра полученных данных, это будет выглядеть следующим образом.Разве это не хорошо?

Вывод на консоль

Вот моя структура данных Firebase.Не определены явные правила.

введите описание изображения здесь

Я довольно новичок в Vuejs.

После добавления self.myJobs = snapshot.val(), моя консольвывод выглядит следующим образом:

обновленный вывод консоли

Answer 1

Добавление к ответу @Farouk Mekkaoui, внутри вашей v-for вам нужно что-то вроде этого:

  <li v-for="job in myJobs">
    {{ job.name }} //any or whatever property you want to access...
  </li>

РЕДАКТИРОВАТЬ: не комментировать цикл snapshot.foreach.

snapshot.foreach(function(data){
  this.myJobs.push(data.val().name)
}

Answer 2

Можете ли вы попробовать что-то подобное?

let vm = this //define this variable before the cursor definition

// comment the snapshot.forEach section and replace by

vm.myJobs = snapshot.val() //or any variable containing the jobs