如何在组件Vue.js中显示Firebase子集合

我找不到从Firestore获取子集合的方法,但是我可以使用字段。

我的组件代码有问题,与Firestore的连接不好。

<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:
                                                                        }
jzq871001 回答:如何在组件Vue.js中显示Firebase子集合

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3164302.html

大家都在问