vue-element-admin global laden warten

Aktuelle Anforderungen:

Globales Laden, alle Schnittstellen sollten manuell steuern können, ob die Ladewartefunktion angezeigt werden soll

Ich habe Baidu durchsucht und festgestellt, dass viele davon im Interceptor geschrieben sind. Die Lademethode des Elements ui wird im Interceptor aufgerufen. Das Laden beginnt, wenn die Schnittstelle angefordert wird, und das Laden wird beendet, wenn die Schnittstelle zurückkehrt oder die Schnittstelle einen Fehler meldet und eine Ausnahme auslöst.

Ich habe diese Idee ein wenig abgeändert, weil sie ein wenig von meinen Anforderungen abweicht. Wir müssen manuell steuern, ob die Ladewartefunktion angezeigt werden soll. Da es sich um eine manuelle Steuerung handelt, dürfen wir die Lademethode nicht direkt im Interceptor aufrufen. Einen Schritt weiter beginnen wir beim Aufrufen der Schnittstelle zu steuern, ob die Lademethode aktiviert werden soll. Ich muss den Aufruf von Axios manuell kapseln. Ich habe Axios gekapselt, als ich es zuvor entwickelt habe. Code:

URL: Schnittstellen-API,

Daten: Parameter

dom: Wenn Sie in HTML eine Klasse oder ID übergeben, müssen Sie „./#“ hinzufügen, da beim Laden die Attributmethode querySelector von js verwendet wird. Dieses Attribut wird verwendet, um zu unterscheiden, ob die Ladewartezeit die Ladewartezeit der gesamten Seite oder ein bestimmter Teil der Ladewartezeit des Doms ist. Es ist nicht erforderlich, es zu übergeben. Standardmäßig wird gewartet, bis die gesamte Seite geladen ist.

bool: Unterscheidet, ob das Warten auf das Laden aktiviert werden soll – nicht erforderlich, standardmäßig ist das Warten auf das Laden aktiviert

Im Bild kapsele ich mehrere Axios-Typen. Nicht alle Anfragen müssen geladen und abgewartet werden. Die Standard-Get-Anfrage hier dient zum Laden einiger Anfangsdaten, die den Kunden nicht angezeigt werden müssen.

Ich habe im Beitrag nur so viele Parameter hinzugefügt, um zu unterscheiden, ob Laden und Warten erforderlich sind und ob globales und lokales Laden und Warten erforderlich ist. Darüber hinaus ist die axiosDownload-Anforderung ein Dateistreamtyp, bei dem es sich um eine spezielle Anforderung handelt. Sie wird unterschieden, um die Datenverarbeitung in der Entwicklung zu erleichtern. Grundsätzlich muss dieser gesamte Teil geladen und gewartet werden, da wir den Kunden mitteilen müssen, dass die Daten heruntergeladen werden.

Die Methode vor der Datenanforderung wird verarbeitet. Nach der Anforderung ist die Rückgabemethode fast dieselbe wie im Internet und endet, wenn das Ergebnis zurückgegeben wird.

Beseitigen Sie einige störende Elemente und schauen Sie sich direkt das Wesentliche des Abfangjägers an

Das Prinzip des Interceptors besteht darin, einmal abzufangen, wenn die Anforderung initiiert wird, und noch einmal, wenn die Anforderung zurückgegeben wird. Die Ladewartezeit wurde verarbeitet, bevor der Interceptor abfängt. Es ist nicht erforderlich, die Ladewartezeit bei der Anforderung erneut aufzurufen. Sie müssen nur das Ende der Ladewartezeit aufrufen, wenn das Abfangen zurückgegeben wird.

Wie unten dargestellt:

Werfen wir einen Blick auf die Methode zum Laden und Warten des Schlüssels. Diese Methode ist im Internet verfügbar. Sie ist im Wesentlichen der Methode des Internet-Masters entlehnt. Es ist schon eine Weile her und ich habe vergessen, welcher Master-Code das war. Ich kann den Code des Masters hier nicht unter der ursprünglichen Adresse veröffentlichen. Ich hoffe, dass der Master nicht böse sein wird, wenn er ihn sieht.

Die Methode beendet grundsätzlich die globale Ladewartezeit hier

Dies ist das Ende dieses Artikels über das globale Laden und Warten von vue-element-admin. Weitere verwandte Inhalte zum globalen Laden von vue-element-admin finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!