(Vue.js) 如何在 SweetAlert2 中使用 onClick 事件答案

【问题标题】：(Vue.js) How to use onClick event in SweetAlert2(Vue.js) 如何在 SweetAlert2 中使用 onClick 事件
【发布时间】：2020-02-06 04:35:02
【问题描述】：

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

我想在 SweetAlert2 中使用 onclick 事件。

我使用了这段代码，但是发生了错误。

未捕获的引用错误：未定义 onClick 在 HTMLDivElement.onclick

如何使用 onclick 事件？帮帮我！

【问题讨论】：

你定义了onClick函数吗？

标签： vue.js sweetalert2

【解决方案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('')
    })
  })

【讨论】：

我在 App.vue 中定义了 'onClick' 函数。 App.vue 方法中的上述代码也是如此。但是发生了错误。
函数应该在方法中定义。
我在方法中定义了函数。 App.vue、onClick、SweetAlert2函数中的方法。
检查你的 swal。它在您的 vue 实例之外。
我只是写下了这段代码，以便于查看。 Swal 在 App.vue 的方法上。