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 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
In diesem Artikelbeispiel wird der spezifische Co...
Unterschied zwischen HTML und XHTML 1. XHTML-Elem...
Ausführung der Hauptbibliothek DATENBANK ERSTELLE...
1) Geltungsbereich: schreibgeschützt: Eingabe [Typ...
In diesem Artikel wird der spezifische Code des j...
Installieren Sie Nginx auf Docker Nginx ist ein l...
Was ist der Eingabetyp="Datei"? Ich glau...
Standardmäßig beträgt der Rand der Tabelle 0 und ...
Inhaltsverzeichnis Hintergrund: brauchen: Wirkung...
Die Datenbank ist wie das Betriebssystem eine gem...
Vorwort: Wenn wir Vue verwenden, verwenden und sc...
Externe temporäre Tabellen Eine mit CREATE TEMPOR...
Inhaltsverzeichnis 1. Einleitung 2. Verwendung 1....
Icon-Icon-Verarbeitungslösung Das Ziel dieses Dat...
html <!DOCTYPE html> <html lang="de...