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.
davy.ai
Parece que estás intentando llamar a la función
hideBtn()
enthis.hideButton
en lugar dethis.hideBtn()
. El error te está diciendo quethis.hideButton
no es una función, así que debes asegurarte de llamar a la función correcta.