Der Lösungsdatensatz für Vue, der das Element beim ersten Mal nicht abrufen konnte

Der Lösungsdatensatz für Vue, der das Element beim ersten Mal nicht abrufen konnte

Vorwort

Die Lösung für das Problem, dass Elemente in Vue nicht beim ersten Mal abgerufen werden können, besteht darin, die Elemente im Popup-Fenster häufig beim ersten Mal durch Klicken auf die Popup-Schaltfläche abzurufen. Wenn Sie das Popup-Fenster öffnen, um das Element zu erhalten, ist es leer und Sie müssen es ein zweites Mal öffnen, um es zu erhalten.

1. Holen Sie sich nach der Aktualisierung des DOM

dies.$nextTick(Rückruf)
Methoden: {
    spielen() {
        //Element abrufen console.log($('#video'));
        dies.$nextTick(Funktion() {
            //Element abrufen console.log($('#video'));
        });
    }
}

2. Durchlaufe den Timer

setTimeOut(fn, 0)
Methoden:{
    spielen() {
        //Element abrufen console.log($('#video'));
        setzeTimeOut(Funktion(){
            //Element abrufen console.log($('#video'));
        }, 0);
    }
}

3. Durch Auslösen von Ereignissen

@geöffnet
<el-dialog @opened="abspielen"></el-dialog>
 
Methoden: {
    spielen() {
        //Element abrufen console.log($('#video'));
    }
}

Zusammenfassen

Dies ist das Ende dieses Artikels zur Lösung des Problems, dass Vue beim ersten Mal keine Elemente abrufen kann. Weitere relevante Inhalte zum Thema „Vue kann keine Elemente abrufen“ finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • So erhalten Sie das dynamisch generierte Element anhand des Vue-Klassennamens
  • Beschreibung des Problems bei der Verwendung benutzerdefinierter Hooks zum Abrufen von DOM-Elementen in Vue3
  • Vue implementiert die dynamische Zuweisung von IDs und Klickereignissen, um die ID-Operation des aktuell angeklickten Elements abzurufen
  • Vue erhält die vom Element generierte data-vxxx-Operation
  • Das Klickereignis von vue.js ruft die Operation des aktuellen Elementobjekts ab
  • So erhalten Sie das angegebene Element in Vue

<<:  So erstellen Sie einen Elastic-Stack-Cluster mit mehreren Knoten auf RHEL8/CentOS8

>>:  Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13 unter Win10

Artikel empfehlen

Vier Möglichkeiten zum Vergleichen von JavaScript-Objekten

Inhaltsverzeichnis Vorwort Referenzvergleich Manu...

HTML-Tabellen-Tag-Tutorial (35): spaltenübergreifendes Attribut COLSPAN

In einer komplexen Tabellenstruktur erstrecken si...

Detaillierte Erklärung der Verwendung von Bildschirmbefehlen in Linux

GUN-Bildschirm: Offizielle Website: http://www.gn...

Gemeinsame Eigenschaften des Framesets (Unterteilung von Frames und Fenstern)

Ein Frame ist ein Webseitenbildschirm, der in mehr...

WHMCS V7.4.2 Grafisches Installationstutorial

1. Einleitung WHMCS bietet eine Komplettlösung fü...

Centos8.3, Docker-Bereitstellung, Springboot-Projekt, tatsächliche Fallanalyse

Einführung Derzeit ist k8s sehr beliebt und ich h...

So implementieren Sie einen Animationsübergangseffekt im Frontend

Inhaltsverzeichnis Einführung Traditionelle Überg...

Eine kurze Diskussion zum Thema Ziehen und Sortieren von Elementen in Tabellen

In letzter Zeit stoße ich bei der Verwendung von ...

HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (5)

Verwandte Artikel: Anfänger lernen einige HTML-Ta...