Estoy trabajando con BootstrapVue .
Tengo, creo, una pregunta muy simple, pero no pude encontrar nada que me funcionara. Tengo un <b-button> en el que quiero hacer clic y luego se debe mostrar el segundo <div> pero solo durante 3 segundos.
Quiero tener mi código sin jQuery , ¿cómo puedo lograrlo?
¡Gracias!
<div class="row mb-3"> <div class="col-8 col-md-6 mt-4 ml-1"> <b-button @click="clickIt()"</b-button> </div> <div class="col-2 col-md-5 mt-4"> <p>You've clicked it!</p> </div> </div>Espero que esto resuelva tu problema.
<div class="row mb-3"> <div class="col-8 col-md-6 mt-4 ml-1"> <b-button @click="clickIt()"</b-button> </div> <div v-if="isClicked" class="col-2 col-md-5 mt-4"> <p>You've clicked it!</p> </div> </div> export default { data: () => { return { isClicked: false }; }, methods: { clickIt() { this.isClicked = true setTimeout(() => { this.isClicked = false; }, 3000); }, }, };