(Vue. js) Как использовать событие onClick в SweetAlert2

Question

axios
  .get(apiUrl)
  .then(response => {
    this.$swal.fire({
      html: response.data.data.schools
              .map(item => `<div onclick="onClick(this)">${item.school_name}</div>`)
              .join('')
    })
  })

Я хочу использовать событие onclick в SweetAlert2.

Я использовал этот код, но произошла ошибка.

Uncaught ReferenceError: onClick не определено в HTMLDivElement. onclick

Как использовать событие onclick ?? Помоги мне!

Answer 1

Это показывает, что на вашем текущем HTMLDOM не было функции, определенной как onClick. Сначала нужно определить функцию с именем onClick и ее функциональность.

для vue:

Вы должны определить функцию внутри vue методов экземпляра.

Определить цель:

axios
  .get(apiUrl)
  .then(response => {
    this.$swal.fire({
      target: document.getElementById('app'),
      html: response.data.data.schools
              .map(item => `<div onclick="onClick(this)">${item.school_name}</div>`)
              .join('')
    })
  })