So fügen Sie der Seite über Element UI eine Seitennavigationsleiste hinzu

brauchen

Fügen Sie eine Paging-Leiste hinzu, die zur Seite springen, eine bestimmte Seite entsprechend der Seitenzahl auswählen und die Größe der aktuellen Seite festlegen kann.

Wählen Sie die Paginierungskomponente auf der offiziellen Website von Element UI aus.

Gehen Sie zur offiziellen Website von Element UI und wählen Sie eine geeignete Paging-Komponente aus, wie unten gezeigt:

Der Code und die Wirkung der Paging-Komponente in der Vorlage der UserList.vue-Komponente

Der Code der Paging-Komponente lautet wie folgt:

Die Wirkung der Paging-Komponente ist wie folgt:

In der Paging-Komponente beteiligte Daten und Methoden

Die in der Paging-Komponente enthaltenen Daten sind wie folgt:

Die in der Paging-Komponente enthaltenen Methoden sind wie folgt:

prüfen

Rufen Sie zunächst die Homepage auf, wie unten gezeigt:

Ändern Sie dann die Seitengröße auf 2 Elemente/Seite, wie unten gezeigt:

Wählen Sie die 5. Seitennavigation und gehen Sie zu Seite 5, wie unten gezeigt:

Springen Sie über das Sprungeingabefeld zur Seite, wie unten gezeigt:

Dies ist das Ende dieses Artikels darüber, wie man einer Seite über die Element-Benutzeroberfläche eine Seitennavigationsleiste hinzufügt. Weitere relevante Inhalte zur Element-Seitennavigationsleiste 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!