2

Cuando utilizo el buscador, no me toma en cuenta la primera letra a menos que la ponga en mayúscula, estoy utilizando vue.js, vue-cli webpack

Con el siguiente código hago funcionar el search:

  computed: {
    filteredPacks: function(){
      return this.packs.filter((pack) => {
        return pack.name.match(this.search);
      })
    }
  },

Con este input hago la busqueda:

<input type="text" v-model="search" placeholder="search">

y esto es lo que hago que busque:

<div class="card-body">
  <h4 class="card-title">{{pack.name.toUpperCase()}}</h4>
</div>

Pero cuando realizo la búsqueda así, me muestra lo que necesito: introducir la descripción de la imagen aquí

En cambio si quiero buscar lo que tenga la letra a o algo todo con minúscula no me toma en cuenta el que empieza con A mayúscula [![introducir la descripción de la imagen aquí][2]][2]

introducir la descripción de la imagen aquí

que es lo que esta saliendo mal?

2 respuestas 2

2

la respuesta fue muy simple, solo agregar .toLowerCase() despues del dato deaseado:

   filteredPacks: function(){
      return this.packs.filter((pack) => {
        return pack.name.toLowerCase().match(this.search);
      })
    }
0

Mira este video, aqui hacen una barra de busqueda con vuejs https://youtu.be/fmFAIUtthLo

1
  • Los enlaces no son respuestas. Tienes que escribir tu respuesta aqui
    – Candid Moe
    el 15 ago. 2020 a las 9:08

Tu Respuesta

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

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