Skip to main content
se añadieron 1066 caracteres en el cuerpo
Origen Enlace

Agrego la parte donde llamo a los datos para mostrarlos en pantalla, quizá me este equivocando en algo aquí por eso tengo este error:

Aquí creo el método:

methods: {
    getVeterinarios(){
        
        this.$store.dispatch('doctor/getVeterinarios')
      },
 }

Aquí tengo el create:

created(){
    this.getVeterinarios()
},

Aquí el computed:

computed:{
    veterinarios(){
        return this.$store.state.doctor.veterinarios
    },
},

el template donde los muestro en la pantalla

<template>
                    <vs-tr :data="item" :key="veterinarios.id" v-for="(item, veterinarios) in veterinarios">
                        <!-- v-for="item of veterinarios" :key="item.id
                            :data="tr" :key="indextr" v-for="(tr, indextr) in data-->
                        <vs-td >
                            {{ item.id }}
                        </vs-td>
                        <vs-td>
                            {{ item.apellidos }}
                        </vs-td>
                        <vs-td>
                            {{item.nombres }}
                        </vs-td>
                        <vs-td>
                            {{ item.especialidad }}
                        </vs-td>
                    </vs-tr>
                </template>

Gracias de antemano por la ayuda

Agrego la parte donde llamo a los datos para mostrarlos en pantalla, quizá me este equivocando en algo aquí por eso tengo este error:

Aquí creo el método:

methods: {
    getVeterinarios(){
        
        this.$store.dispatch('doctor/getVeterinarios')
      },
 }

Aquí tengo el create:

created(){
    this.getVeterinarios()
},

Aquí el computed:

computed:{
    veterinarios(){
        return this.$store.state.doctor.veterinarios
    },
},

el template donde los muestro en la pantalla

<template>
                    <vs-tr :data="item" :key="veterinarios.id" v-for="(item, veterinarios) in veterinarios">
                        <!-- v-for="item of veterinarios" :key="item.id
                            :data="tr" :key="indextr" v-for="(tr, indextr) in data-->
                        <vs-td >
                            {{ item.id }}
                        </vs-td>
                        <vs-td>
                            {{ item.apellidos }}
                        </vs-td>
                        <vs-td>
                            {{item.nombres }}
                        </vs-td>
                        <vs-td>
                            {{ item.especialidad }}
                        </vs-td>
                    </vs-tr>
                </template>

Gracias de antemano por la ayuda

se eliminaron 381 caracteres en el cuerpo
Origen Enlace

Estoy jalando los datos de una colecciónLo edite de Firebasela siguiente forma, los datos logro obtenerlos pero en tengo esteaun sigue dandome el error, no tengo mucha experiencia en el navegadorvue. Con esto obtengo los datos dejs, disculpen la colecciónmolestia. Gracias de antemano

este es el action:

getVeterinarios({commit}){
    constlet veterinarios = []
    db.collection('doctor').get()
    .then(snapshot => {
        snapshot.forEach(doc =>{
            console.log('aqui comienza el error');
            constlet veterinario = doc.data()
            veterinario.id = doc.id
            veterinarios.push(veterinario)
        })
    })
    commit('setVeterinarios', veterinarios)
},

Y con este código los muestro en pantallaes el mutation:

<template>
                    <vs-tr :data="item" :key="veterinarios.id" v-for="setVeterinarios(itemstate, veterinarios) in veterinarios">
                        <!-- v-for="item of veterinarios" :key="item.id
                            :data="tr" :key="indextr" v-for="(tr, indextr) in data-->
                        <vs-td >
                            {{ item.id }}
                        </vs-td>
                        <vs-td>
                            {{ item.apellidos }}
                        </vs-td>
                        <vs-td>
                            {{itemstate.nombres }}
                      veterinarios = </vs-td>veterinarios
                        <vs-td>
                            {{ item.especialidad }}
                        </vs-td>
                    </vs-tr>,
               

este es el state:

veterinarios: </template>[],

Estoy jalando los datos de una colección de Firebase, los datos logro obtenerlos pero en tengo este error en el navegador. Con esto obtengo los datos de la colección:

getVeterinarios({commit}){
    const veterinarios = []
    db.collection('doctor').get()
    .then(snapshot => {
        snapshot.forEach(doc =>{
            console.log('aqui comienza el error');
            const veterinario = doc.data()
            veterinario.id = doc.id
            veterinarios.push(veterinario)
        })
    })
    commit('setVeterinarios', veterinarios)
},

Y con este código los muestro en pantalla:

<template>
                    <vs-tr :data="item" :key="veterinarios.id" v-for="(item, veterinarios) in veterinarios">
                        <!-- v-for="item of veterinarios" :key="item.id
                            :data="tr" :key="indextr" v-for="(tr, indextr) in data-->
                        <vs-td >
                            {{ item.id }}
                        </vs-td>
                        <vs-td>
                            {{ item.apellidos }}
                        </vs-td>
                        <vs-td>
                            {{item.nombres }}
                        </vs-td>
                        <vs-td>
                            {{ item.especialidad }}
                        </vs-td>
                    </vs-tr>
                </template>

Lo edite de la siguiente forma, pero aun sigue dandome el error, no tengo mucha experiencia en vue.js, disculpen la molestia. Gracias de antemano

este es el action:

getVeterinarios({commit}){
    let veterinarios = []
    db.collection('doctor').get()
    .then(snapshot => {
        snapshot.forEach(doc =>{
            console.log('aqui comienza el error');
            let veterinario = doc.data()
            veterinario.id = doc.id
            veterinarios.push(veterinario)
        })
    })
    commit('setVeterinarios', veterinarios)
},

este es el mutation:

setVeterinarios(state, veterinarios){
    
    state.veterinarios = veterinarios
    
},

este es el state:

veterinarios: [],
Origen Enlace

¿Porque tengo este error en vue.js?

Estoy jalando los datos de una colección de Firebase, los datos logro obtenerlos pero en tengo este error en el navegador. Con esto obtengo los datos de la colección:

getVeterinarios({commit}){
    const veterinarios = []
    db.collection('doctor').get()
    .then(snapshot => {
        snapshot.forEach(doc =>{
            console.log('aqui comienza el error');
            const veterinario = doc.data()
            veterinario.id = doc.id
            veterinarios.push(veterinario)
        })
    })
    commit('setVeterinarios', veterinarios)
},

Y con este código los muestro en pantalla:

<template>
                    <vs-tr :data="item" :key="veterinarios.id" v-for="(item, veterinarios) in veterinarios">
                        <!-- v-for="item of veterinarios" :key="item.id
                            :data="tr" :key="indextr" v-for="(tr, indextr) in data-->
                        <vs-td >
                            {{ item.id }}
                        </vs-td>
                        <vs-td>
                            {{ item.apellidos }}
                        </vs-td>
                        <vs-td>
                            {{item.nombres }}
                        </vs-td>
                        <vs-td>
                            {{ item.especialidad }}
                        </vs-td>
                    </vs-tr>
                </template>

Y este es el error que muestra el navegador

introducir la descripción de la imagen aquí

Les agradecería mucho su ayuda