Cerrar modal de bootstrap desde vuejs


#1

Hola.

Estoy presentado problemas para ocultar un modal de bootstrap desde un method de vue. Tengo un modal que envia un email y después de hacer click en el botón Comparitr quiero cerrar el modal, pero no encuentro una buena solución, por eso me remito al foro y ver si alguien me puede dar alguna sugerencia.


#2

Hola,

lo usual es que guardes el estado del Modal en vue data y simplemente cambies el estado cuando lo quieras cerrar. Ej. this.modal = false lo cerraria. El modal en si deberia de ser un componente ofreciendo el prop show o similar como su API para interactuar con el mismo. Todo ello junto podria lucir algo como:

<bs-modal :show="modal">
  <bs-btn @click="compartir">Compartir</bs-btn>
</bs-modal>
data: {
  modal: false
},
methods: {
  toggleModal () {
    this.modal = !this.modal
  },
  compartir () {
    // ...
   this.toggleModal()
  }
}