Comment utiliser vuejs-paginate

Méthode : 1. Utilisez la commande npm pour installer les plug-ins bootstrap et vuejs-paginate ; 2. Utilisez les instructions import et "Vue.component()" pour introduire le plug-in ; ...> aux composants requis. »

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Vue.js Paginate est un simple composant de pagination Vue.js qui fournit une API simple pour la pagination. Il est facile à utiliser et peut personnaliser le style du composant via CSS.

Utilisez le plug-in de pagination vuejs-paginate dans vue

1 Installez les bibliothèques dépendantes (nécessite le style CSS bootstrap) et le plug-in de pagination (vuejs-paginate)

npm install bootstrap@3.3.0 -–save-dev
npm install vuejs-paginate --save

2.

Présentation de

import Paginate from 'vuejs-paginate'
Vue.component('paginate', Paginate)

Exemples d'utilisation de

<paginate
  :page-count="20"
  :click-handler="functionName"
  :prev-text="&#39;Prev&#39;"
  :next-text="&#39;Next&#39;"
  :container-class="&#39;className&#39;">
</paginate>

dans les composants :

Recommandations associées : "

tutoriel vue.js"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!