Handle Bootstrap modal hide event in Vue JS

Question

Is there a decent way in Vue (2) to handle a Bootstrap (3) modal hide-event?

I found this as a JQuery way but I can\'t figure out how to capture this event in Vue:

Answer 1

One option is to tie it to a variable:

data: function(){
  return {
       showModal: false
        //starts as false.  Set as true when modal opens. Set as false on close, which triggers the watch function.
},
watch: {
  showModal: function(){
    if(this.showModal == false){
     // do something
  },
}

HTML

Show Modal

 //later if using a component


 // or alternatively in the bootstrap structure

     Close