Как получить объект из массива в vuejs методах

Question

В моих данных:

export default {

  data() {
    return {
      colaborador: [],
      colRestaurante: '',
    }
  }

в моем созданном:

created() {
    this.consultarColaboradores() 
  },

в методах:

methods: {

async consultarColaboradores() {       
       ...
          if(userNameDoc.exists) {
            let userName = userNameDoc.data()

            let colaboradorDoc = await db.collection('usuarios')
                                    .doc(userName.uid)
                                    .collection('Colaboradores')
                                    .where("uidCol", '==', auth.currentUser.uid)
                                    .get()

                colaboradorDoc.docs.forEach(doc => {                    
                    let colab = doc.data()

                      this.colaborador.push(colab)

                      let colR = this.colaborador.find(colR => colR.uidCol == auth.currentUser.uid)

                        if (colR.SistemaApp == "Restaurante") {

                            this.colRestaurante.push(colR)
                        }
          }
    ...
}

Итак, я могу получить массив colaborador , но я не могу получить объект colRestaurante .

в моем html:

<template>
  <div>{{ colaborador }}</div> //RESULT [{ "username": carlos, "SistemaApp": Restaurante }]
  <div>{{colRestaurante}}</div> // RESULT ... NOTHING
</template>

Что мне не хватает ?. Я ожидаю получить это:

{"username": carlos, "SistemaApp": Restaurante}

может мне чем-нибудь помочь, пожалуйста?.

Answer 1

U определил colRestaurante как тип String, и в вашем коде u делает следующее:

this.colRestaurante.push(colR)

U не может pu sh что-то в строке.

После этого попробуйте отладить этот код:

colR.SistemaApp == "Restaurante"

Возможно, этот colR.SistemaApp никогда не может быть равен "Restaurante". И используйте === вместо ==