Detaillierte Erläuterung der Schritte zum Rendern von Dom, nachdem Vue Daten angefordert hat

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Rendern von DOM geben, nachdem Vue Daten angefordert hat Schauen Sie mal rein. Ich bin auf ein Problem im Projekt gestoßen. Das Folgende ist der Code in der Vue-Vorlage:

Mein vorheriger Text war

Das Ergebnis ist die folgende Operation zum Abrufen von Dom. Der erhaltene Dom ist undefiniert, das heißt, er wird nicht abgerufen.

Der Grund dafür ist, dass die Ausführung nicht in der Reihenfolge „Daten anfordern“ > „Dom rendern“ > „Dom abrufen“ erfolgt. Die tatsächliche Ausführungsreihenfolge besteht darin, zuerst den Dom und zu diesem Zeitpunkt das

ArrayOption ist noch leer. Ja, die v-

for-Schleife oben hat den Dom nicht gerendert, daher konnte er überhaupt nicht abgerufen werden (ich verstehe nicht warum)Später habe ich schrieb die Anforderungsdaten in erstelltIn der Funktion

wird der Vorgang zum Abrufen des DOM in die gemountete Funktion geschrieben, aber der Vorgang zum Abrufen des DOM wird immer noch zuerst ausgeführt (die Reihenfolge der Ausführung richtet sich nach der Reihenfolge). Ich bin auch sehr verzweifelt

Endlich die Lösung gefunden:

Ich habe jemanden gesehen Antwort von else: „Verwenden Sie im Rückruf der Datenanforderung next

Tick und versuchen Sie es im Rückruf von nextTick~“

Die Antwort einer anderen Person war: „Wenn es eine Abhängigkeit von dom gibt muss existieren, füge es ein mount(){this .$nextTick(() => { /* code */ })}" (Ich habe das schon einmal versucht, es funktioniert bei mir so gut, ich verstehe nicht warum )

I Bei der Kombination dieser beiden Methoden wird tatsächlich hauptsächlich die erste Methode verwendet, und ich fand sie sehr nützlich!

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte für vue1 und vue2 zum Erhalten von Dom-Elementen

JS-Methode zum Generieren ein QR-Codebild aus einer Linkanalyse

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Rendern von Dom, nachdem Vue Daten angefordert hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!