vuejs-paginate の使用方法

方法: 1. npm コマンドを使用してブートストラップ プラグインと vuejs-paginate プラグインをインストールします; 2. import および "Vue.component()" ステートメントを使用してプラグインを導入します; 3. 追加「」のコードで十分です。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

Vue.js Paginate は、シンプルな Vue.js ページング コンポーネントです。ページング用のシンプルな API を提供します。使いやすく、CSS を通じてコン​​ポーネントのスタイルをカスタマイズできます。

vue でページング プラグイン vuejs-paginate を使用します

1. 依存ライブラリをインストールします (ブートストラップ CSS スタイルを使用する必要があります) ) とページネーション プラグイン (vuejs-paginate)

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

2.

を使用して

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

を導入し、使用しますコンポーネント内の

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

例:

関連する推奨事項:「vue.js チュートリアル」

以上がvuejs-paginate の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。