0

Estimados estoy desarrollando una aplicacion con electronjs y vuejs, pero tengo un problema. Estoy usando vuetify y no puedo mostrar los datos de firebase, solamente me pasa con vuetify....ahora lo explico.

<v-flex xs12 sm6 d-flex>
        <v-select
          :items="items"
          label="Standard"
        ></v-select>
      </v-flex> 

Y en Vuejs:

items:function(){

    return this.localidad 
/*localidad es la conexion a firebase.localidad.descripcion*/

}

localidad esta declarada como atributo en el coponente:

let localidad = mdb.ref('localidad').child('pcia_descripcion');
let pais = mdb.ref('pais');
let provincia = mdb.ref('provincia');

new Vue({
    el: '#ausuario',
    firebase: function () {
        return {
            tipodentidad: tidenti,
            localidad: localidad,
            pais: pais,
            provincia: provincia
        }
    },

Mi pregunta es: como hago para mostrar los datos de localidad en el dropdown (select) con v-bind:items="localidad". Creo que lo mejor seria recorrer con for el array del componente dentro de la propiedad "localidad", pero no se como hacerlo, busque informacion y no econtre.

8
  • 1
    Vos tenes items como una funcion, pero si es un array, deberias pasarselo directamente, y el componente va a hacer el for directamente.
    – gbianchi
    Commented el 13 sept. 2018 a las 14:08
  • Asi me decis: items:[ this.localidad ], . Lo acabo de cambiar y me dice undefined Commented el 13 sept. 2018 a las 14:32
  • Probaste con items: "items()"? Commented el 13 sept. 2018 a las 14:39
  • Javier items: ( this.localidades ), . Tampoco me entrega ningun dato, la verdad que no entiendo como haces para mostrar datos en un dropdown de vuetify. He llamarlo de muchas formas pero ninguna me entrega algun dato Commented el 13 sept. 2018 a las 14:54
  • Creo que te falta estudiar un poco mas como trabaja VUE y sus componentes. Lo que necesita ese componente, es un array de items. en ninguno de los casos le estas pasando un array de datos. localidad, en ese caso, solo tiene una localidad. si pones :items="localidad" te va aparecer un solo item, y no la lista completa de localidades. Vos que es lo que queres hacer? porque a ese modelo, le falta un array con todas las localidades.
    – gbianchi
    Commented el 13 sept. 2018 a las 15:25

1 respuesta 1

1

Les respondo a todos... la solucion estaba aqui:

https://github.com/vuetifyjs/vuetify/issues/3862

<v-select
:items="items"
v-model="select"
item-text="name"
item-value="id"
return-object
></v-select>
1
  • Márcala como aceptada para que la buena salud del sitio se mantenga, gracias por tu colaboración :D
    – fredyfx
    Commented el 12 ago. 2019 a las 23:39

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.