Bootstrap 4模态onclick处理程序在VueJS 2组件中不起作用

Question

我正在vuejs中使用Bootrap 4模式，称为：

> <a   href="#" class="" data-toggle="modal" :data-email="user.email" 
> data-target="#exampleModal">Delete</a>

我为模态按钮动态创建onclick处理程序，例如：

mounted() {

    $('#exampleModal').on('show.bs.modal', function (event) {
      var button = $(event.relatedTarget) // Button that triggered the modal
      var email = button.data('email')
      var modal = $(this)
      modal.find('.modal-footer #delete').attr('onclick', "deleteUser('"+ email +"')")
    })

deleteUser在方法部分中定义：

methods:
 deleteUser(email) {
  .....
}

一旦我在模式对话框中单击“是”按钮，就会引发此错误：

Uncaught ReferenceError: deleteUser is not defined
    at HTMLButtonElement.onclick (users:1)
onclick @ users:1

如何解决这个问题？ 我尝试让$ this = this并使用$ this.deleteUser，但这也不起作用。

How to access the correct this inside a callback?中给出的答案与vuejs和bootstrap 4模态无关。