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

Docker-Image-Optimierung (von 1,16 GB auf 22,4 MB)

Inhaltsverzeichnis Der erste Schritt der Optimier...

So erfassen Sie Ausnahmen in React

Inhaltsverzeichnis Vorwort Fehlergrenze Jenseits ...

Unglaubliche CSS-Navigationsleiste unterstreiche folgenden Effekt

Der erste Cutter in China github.com/chokcoco Hie...

XHTML-Erste-Schritte-Tutorial: Was ist XHTML?

Was ist HTML? Um es einfach auszudrücken: HTML wi...

Unterscheiden Sie zwischen Nullwert und leerem Zeichen ('') in MySQL

Bei der täglichen Entwicklung geht es im Allgemei...

JavaScript ermittelt, ob der Browser IE ist

Als Frontend-Entwickler komme ich an den Tücken d...

Lassen Sie uns über den Unterschied zwischen MyISAM und InnoDB sprechen

Die Hauptunterschiede sind folgende: 1. MySQL ver...

So ändern Sie die SSH-Portnummer in der Centos8-Umgebung

Inhaltsverzeichnis Vorwort Start Vorwort Die Stan...

CSS imitiert Fernbedienungstasten

Hinweis: Diese Demo wurde in der Miniprogrammumge...

Detaillierte Erklärung der Fallstricke von MySQL 8.0

Ich habe heute MySQL 8.0 aktualisiert. Das erste ...