Cara menggunakan vuejs-paginate

Kaedah: 1. Gunakan perintah npm untuk memasang pemalam bootstrap dan vuejs-paginate 2. Gunakan pernyataan import dan "Vue.component()" untuk memperkenalkan pemalam; "

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Vue.js Paginate ialah komponen penomboran Vue.js ringkas yang menyediakan API mudah untuk penomboran Ia mudah digunakan dan boleh menyesuaikan gaya komponen melalui CSS.

Gunakan pemalam paging vuejs-paginate dalam vue

1 Pemalam penomboran (vuejs-paginate)

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

2. Gunakan

untuk memperkenalkan

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

dan gunakannya dalam komponen

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

Contoh:

Cadangan berkaitan: "tutorial vue.js"

Atas ialah kandungan terperinci Cara menggunakan vuejs-paginate. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!