Ich verwende eine v-for
Schleife, um Paginierungslinks anzuzeigen -
<div v-for="n in this.totalPages">
<router-link :to="'/top/pages/' + n" @click.native="getPaginatedUser">{{ n }}</router-link>
</div>
Jeder Link wird in einer neuen Zeile angezeigt, wie unten -
Kann ich sie irgendwie einzeilig darstellen? so was -
Vielen Dank.
Der Grund für jeden Link, der in einer neuen Zeile angezeigt wird, liegt darin, dass Sie ein div
Element iterieren , das ein Blockelement ist. Sie können ein Inline-Element wie span
oder Vue-spezifisch verwenden, template
das kein zusätzliches Markup rendert, oder Sie können den router
Link einfach wiederholen
<router-link
:to="'/top/pages/' + n"
@click.native="getPaginatedUser"
:key="n"
v-for="n in this.totalPages"
>{{ n }}</router-link>
Verwenden template
statt div
.
<template v-for="n in this.totalPages">
<router-link :to="'/top/pages/' + n" @click.native="getPaginatedUser" :key="n">{{ n }}</router-link>
</template>
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen