0

estoy desarollando una aplicacion con ElectronJS y Vuejs pero al quererla conectar y bajar datos con Firebase me dice este error:

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Paso parte del codigo de Vuejs:

const remote = require('electron').remote
const main = remote.require('./main.js')
var firebase = require('firebase')
const toastr = require('toastr')
const menu = main.Menu

    // Initialize Firebase
    var config = {
        apiKey: "",
        authDomain: "",
        databaseURL: "",
        projectId: "",
        storageBucket: "",
        messagingSenderId: ""
    };

    let apps = firebase.initializeApp(config);
    let mdb = apps.database();

    let tidenti = mdb.ref('tipo_identificacion');

    new Vue({
        el: '#ausuario',
        firebase: function () {
            return {
                tipodentidad: tidenti
            }
        },
        components: {
            // <my-component> solo estará disponible en la plantilla del padre
            'e-mainmenu': menu,
        },

Aqui es donde debria mostrar el dato en el HTML:

 <v-flex xs6>
    <v-select 
      v-model="auser.tipoide" 
      v-for="item in tipodentidad" 
      :key="item.id"                
      :rules="[v => !!v || 'Dato es requerido']"
      label="Tipo de identificacion" required>
     </v-select>
</v-flex>

Asi llamo a la app:

   <script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

</head>

<body>

    <div id="ausuario" >
        <v-app>
            <e-mainmenu></e-mainmenu>
            <v-content>
                <v-container>
                    <v-container grid-list-md text-xs-center>
                        <v-form ref="form" v-model="valid" @submit.prevent="registrarUsuario" lazy-validation>
                            <v-layout row wrap>
                                <v-flex xs12>
                                    <v-card dark color="primary">
                                        <v-card-text class="px-0">Agregar usuario al sistema</v-card-text>
                                    </v-card>
                                </v-flex>
                                <v-flex xs6>
5
  • 1
    Se algo de vue, nada de todo esto.. pero y el data? no deberia estar definido?
    – gbianchi
    el 11 sep. 2018 a las 14:48
  • no no... no lleva declarado en el data. Hago la llamada a firebase con tipodentidad, pero se por que no me reconoce ese atributo el 12 sep. 2018 a las 12:09
  • 1
    Me podrias decir donde leiste que no tenes que declarar el data para los datos? porque el error que te esta dando, es justamente que no ve el data.. y por lo tanto las propiedades no son reactivas.
    – gbianchi
    el 12 sep. 2018 a las 13:34
  • En la documentacion de Vuejs. Cuando llamas desde el atributo firebase a la base de datos, no hace falta que lo declares en un data{}.Solo es llamarlo y recorrerlo con un for. Recuerda que es Firebase es No-SQL el 12 sep. 2018 a las 14:53
  • 1
    si si.. pero una cosa son los atributos de la base, y otra las propiedades del componente. me pasas un link a esa documentacion? tal vez aca se hace de otra forma.. yo lo uso con ts y se hace distinto tambien, pero el "data" siempre esta de alguna forma.. y el error es que no encuentra la propiedad por ningun lado. Salvo, que tengas que inicializarla como en ts...
    – gbianchi
    el 12 sep. 2018 a las 15:02

1 respuesta 1

0

Solucion: Instalar VueFire, el error no estaba en el data{}. O tambien se puede solucionar colocando los siguientes links en etre las etiquetas <head></head>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuefire/dist/vuefire.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"></script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.