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

Acht Implementierungslösungen für domänenübergreifendes JS-Frontend

Inhaltsverzeichnis 1. JSONP domänenübergreifend 2...

jQuery-Plugin zum Erreichen eines Bildvergleichs

In diesem Artikelbeispiel wird der spezifische Co...

Natives JavaScript, um den Karusselleffekt zu erzielen

In diesem Artikel wird der spezifische Code für J...

Spezielle Befehle in der MySql-Datenbankabfrage

Erstens: Installation von MySQL Laden Sie die MyS...

Detaillierte Erklärung zweier zu beachtender Punkte bei vue3: Setup

Inhaltsverzeichnis In vue2 In vue3 Hinweise zur E...

Tutorial zum Erstellen eines FTP-Servers in Ubuntu 16.04

Ubuntu 16.04 baut FTP-Server FTP installieren FTP...

JS-Interviewfrage: Kann forEach aus der Schleife aussteigen?

Als mir diese Frage gestellt wurde, war ich unwis...

Lösung zum Vergessen des Root-Passworts der MySQL 5.7- und 8.0-Datenbank

Hinweis: Um das Root-Passwort in MySQL 5.7 zu kna...