Lassen Sie uns über das Problem der Vue-Integration der SweetAlert2-Eingabeaufforderungskomponente sprechen

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> 

npm installiere sweetalert2

Bestätigen = {
    anzeigen: Funktion (Nachricht, Rückruf) {
        Swal.Feuer({
            Titel: „Bestätigen?“,
            Text: Nachricht,
            Symbol: „Warnung“,
            Schaltfläche "Abbrechen" anzeigen: true,
            Schaltflächenfarbe bestätigen: '#3085d6',
            AbbrechenButtonColor: '#d33',
            confirmButtonText: 'Ja, bestätigt!'
        }).dann((Ergebnis) => {
            wenn (Ergebnis.istBestätigt) {
                wenn (Rückruf) {
                    Rückruf()
                }
            }
        })
    }
}

Toast = {
    Erfolg: Funktion (Nachricht) {
        Swal.Feuer({
            Position: 'Top-End',
            Symbol: „Erfolg“,
            Titel: Nachricht,
            Schaltfläche "Bestätigen" anzeigen: false,
            Zeitgeber: 3000
        })
    },

    Fehler: Funktion (Nachricht) {
        Swal.Feuer({
            Position: 'Top-End',
            Symbol: „Fehler“,
            Titel: Nachricht,
            Schaltfläche "Bestätigen" anzeigen: false,
            Zeitgeber: 3000
        })
    },

    Warnung: Funktion (Nachricht) {
        Swal.Feuer({
            Position: 'Top-End',
            Symbol: „Warnung“,
            Titel: Nachricht,
            Schaltfläche "Bestätigen" anzeigen: false,
            Zeitgeber: 3000
        })
    }
};

/**
     * Klicken Sie auf [Löschen].
     */
    del(id) {
      lass _dies = dies
      Confirm.show("Gelöschte Daten können nicht wiederhergestellt werden, bitte Löschung bestätigen!", function () {
        Laden.show()
        _this.$api.delete('http://127.0.0.1:9000/business/admin/chapter/delete/' + id).then((res) => {
          Laden.Ausblenden()
          console.log("Ergebnis Kapitelliste löschen:", res)
          let resp = res.data
          wenn (bzw. Erfolg) {
            _diese.liste(1)
            Swal.Feuer(
                'Erfolgreich gelöscht!',
                'Erfolgreich gelöscht! ',
                'Erfolg'
            )
          }
        })
      })

 /**
     * Klicken Sie auf [Speichern].
     */
    speichern() {
      lass _dies = dies
      Laden.show()
      _this.$api.post('http://127.0.0.1:9000/business/admin/chapter/save', _this.chapter).then((res) => {
        Laden.Ausblenden()
        console.log("Ergebnisse der Kapitelliste speichern:", res)
        let resp = res.data
        wenn (bzw. Erfolg) {
          $("#form-modal").modal("ausblenden")
          _diese.liste(1)
          Toast.success("Erfolgreich gespeichert!")
        } anders {
          Toast.Warnung(bzw.Nachricht)
        }
      })
    }