如何从vue.js组件中的Bootstrap模式调用父函数？

Question

我在vue.js组件中调用了函数中的Bootstrap模式，我想在关闭模态后调用函数，但是我丢失了范围

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')

错误：this.myFunction不是函数

Answer 1

问题在于您如何使用this

请尝试以下操作：

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

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

希望这有帮助！