How call parent function from Bootstrap modal inside vue.js component?

Question

I call Bootstrap modal in function in vue.js component, and I want to call function after close modal, but I lost scope

this.myFunction() // it works here

$('#app-modal-warning').on('hidden.bs.modal', function () {
    this.myFunction() // it doesn't work here
})
$('#app-modal-warning').modal('show')

Error: this.myFunction is not a function

This is probably a duplicated question about the context of `this`. — Ele, Jan 03 '18 at 13:53

score 1 · Accepted Answer · answered Jan 03 '18 at 13:55

The problem is how you're using this

Try the following:

this.myFunction() // it works here
var $self = this;

$('#app-modal-warning').on('hidden.bs.modal', function () {
    $self.myFunction();
})
$('#app-modal-warning').modal('show'

Hope this helps!

How call parent function from Bootstrap modal inside vue.js component?

1 Answers1