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

Vue realisiert den Produktlupeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

jQuery-Plugin zum Erzielen eines Code-Rain-Effekts

In diesem Artikel wird der spezifische Code des j...

So installieren Sie Nginx in Docker

Installieren Sie Nginx auf Docker Nginx ist ein l...

Tutorial zur HTML-Tabellenauszeichnung (2): Tabellenrahmenattribute BORDER

Standardmäßig beträgt der Rand der Tabelle 0 und ...

Ursachen und Lösungen für MySQL-Deadlocks

Die Datenbank ist wie das Betriebssystem eine gem...

So wenden Sie TypeScript-Klassen in Vue-Projekten an

Inhaltsverzeichnis 1. Einleitung 2. Verwendung 1....

Vue.js verarbeitet Icon-Symbole über Komponenten

Icon-Icon-Verarbeitungslösung Das Ziel dieses Dat...