Skip to content

delpikye-v/vue-paginate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

vue-paginate-z

LIVE EXAMPLE

Description

  • Vue pagination (simple) with css. (ts)
  • You can customize ripple css.

Usage

npm install vue-paginate-z --save

Import the module in the place you want to use:

import 'vue-paginate-z/dist/styles.css' // => to main
import Paginate from 'vue-paginate-z'
Vue.use(Paginate)

Snippet

simple
    // data() {
    //     currentPage: 1,
    // }

    <Paginate
        :totalCount="100"
        //   :limit="10"
        //   labelFirst="|<<"
        //   labelLast="Last"
        //   :sectionNumber="5"
          v-model="currentPage"
        //   :showFirstLast="true"
        //   showForwardBack="false"
    />

    // <Paginate
        // :totalCount="100"
        // :limit="10"
        // labelFirst = "|<<",
        // labelLast = ">>|",
        // labelBack = "<",
        // labelForward = ">",
        // v-model="currentPage2"
        // type="pager"
    // />


props


RUN

LIVE EXAMPLE

npm install
npm run dev
npm run start

License

MIT