0

El modal está levantado y cuando me llega un evento que confirma la finalización de un contador lo que quiero hacer es cerrarlo automáticamente sin necesidad de hacer click en el botón para cerrarlo. Probé creando una nueva instancia del modal y ejecutando la función hide() pero no funciona.

finalizaContador() {
      //Evento que confirma la finalización del contador.
      console.log("Terminó el contador");
      this.startCounter = false;
      var myModal = new bootstrap.Modal(
        document.getElementById("recoordinate-appointment") //ID del modal.
      );
      //Ocultar modal
      myModal.hide();
}

2 respuestas 2

0

No me funcionaba la función hide() por una configuración diferente de boostrap en mi proyecto, finalmente lo resolví forzando el click cuando me llega el evento.

0

si usas Boostrap-Vue:

<b-modal id="modal-1" ref="settingsModalUpdatePass">
  //Contenido
</b-modal>

si lo quieres ocultar seria algo asi:

this.$refs['settingsModalUpdatePass'].hide()

Esta informacion se encuentra en : Boostrap-vue.Doc

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.