Uncaught (in promise) TypeError: _this.element.submit is not a function

[BrotherJ]

Hallo zusammen,

ich versuche dieses Modal  https://symfonycasts.com/screencast/stim...te-confirm nach zu bauen. Ich verwende jetzt kein Formular sondern einen Button.

Code:

<button type="button" data-controller="submit-confirm" data-action="submit-confirm#onSubmit" class="w-100 btn btn-sm btn-outline-danger" data-bs-trigger="hover" data-bs-toggle="popover" data-bs-placement="top" data-bs-title="Vorsicht! Löschen des Datensatzes!" data-bs-content="Hier wird der Datensatz Betriebshaftpflichtversicherung gelöscht!."><a href="/betriebskosten/entfernen/7">Löschen</a></button>

Der dazugehörige Controller "submit_confirm_controller.js sieht so aus:

Code:

import { Controller } from '@hotwired/stimulus';
import Swal from 'sweetalert2';

export default class extends Controller {
    onSubmit(event) {
        event.preventDefault();
        console.log(event);
        Swal.fire({
            title: 'Sind Sie sicher?',
            text: "Sie können dies nicht rückgängig machen!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ja, löschen Sie es!',
            }).then((result) => {
            if (result.isConfirmed) {
                this.element.submit();
            }
        })
    }
}

Das funktioniert auch alles bis auf das Löschen des Datensatzes. Hier bekomme in Webbrowser-Console die Meldung:

Code:

Uncaught (in promise) TypeError: _this.element.submit is not a function

wenn ich den Submit-Button des Modals betätige.

Kann mir hier jemand sagen wie sich dieser Fehler beheben lässt?

Viele Grüße

BrotherJ