[Vuejs]-Retrieve Firebase data in Vuejs with Vuefire

2👍

Sorry for delay, Im not using vuefire… So, first – do not refer to names only, but directly to step1:

export const namesRef = db.ref('names/EcoClim/forms/step1/')

You will obtain structure like this:

[{
  ".key": "-KxrySGBHgLvw_lPPdRA",
  "edit": "false",
  "name": "CantFindMe"
},  {
  ...
}]

Now you can use it in template, but as key, refer to array index and not to FBase key:

<li v-for="(person, idx) in names" :key="idx">
  <div v-if="!person.edit">
    <p>{{ person.name }}</p>
  </div>
</li>

Leave a comment