es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Vue2: v-show y cambio de datos dinámicamente

Tengo este código que funciona pero muestra un error:

this.hideButton no es una función

Aquí una parte del código:

<template>
 <div>
  <v-select @open="openSelect" @search="applySearch">
   <b-button variant="none" class="selectAllButton" v-on:click="clickSelectAll" v-show="hiddenBtn">Seleccionar todo</b-button>
  </v-select>
 </div>
</template>

export default {
 data() {
  return {
   hiddenBtn: false
  }
 },
 methods: {
  applySearch(search, loading) {
   if (search.length > 0 && search.length < 3) {
    this.hideBtn(); 
    return;
   }
   this.showBtn();
   this.retrieveEntities(search, loading)
  },
  showBtn() {
   this.hiddenBtn = true;
  },
  hideBtn(){
   this.hiddenBtn = false;
  }
 }
}

Creo que esta es la forma incorrecta de actualizar mi propiedad hiddenBtn para mostrar y ocultar el botón, pero funciona aunque obtengo un error, por lo que no entiendo qué sucede.

Tags:  ,

Answer

  1. Avatar for davy.ai

    Parece que estás intentando llamar a la función hideBtn() en this.hideButton en lugar de this.hideBtn(). El error te está diciendo que this.hideButton no es una función, así que debes asegurarte de llamar a la función correcta.

Comments are closed.