Как получить показ Firebase подколлекции в компоненте vuejs - PullRequest
0 голосов
/ 04 ноября 2019

Я не нахожу способ получить коллекцию из пожарного магазина, но могу с полем.

У меня что-то не так в коде моего компонента, он плохо связан с пожарным магазином.

<template>
...
 <div v-if="coda"
            :key= "coda.cid"
            :nom="coda.cli.nom"
            :pedT="coda.pedT"
             >

вот поле из коллекции документов Firebase, которое хорошо показывает


              <v-toolbar-title >
                <h1> {{coda.cli.nom}} </h1>
              </v-toolbar> 

вот подколлекция того же документа Firebase, но не работает

                         <v-data-table
                            :items="pedT"
                            class="elevation-1"
                            >
                            <template v-slot:items="props">
                                <td>{{ props.item.prod.nam }}</td>
                                <td class="text-xs-right">
                                  {{ props.item.prod.uni }}
                                </td>
                          </v-data-table>
...
 </div>
</template>

вот самый важный код моего скрипта

<script>
import { db } from '@/firebase'

export default {
    data: () => ({
         codas: [],
         coda: {
            cli: { nom: '',
                       clid: ''
                     },
            pedT: ''
        },        
        pedT: [],
        pedI: {
            prod: '',            
        },
    })
     methods: {
        abrirCoda(coda) {    
            this.coda = coda;
        }
    }

}
</script>

Структура пожарного депо:

Usuarios/{uid}/
(Collection)codas/{cid} (coda)/
                              -cid
                              -cli:{
                                   -nom:
                                   -id:
                                   }
                              (subcollection) pedT/{piid} (pedI)/
                                                                -prod: {
                                                                       -nam:
                                                                       -uni:
                                                                        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...