v-pc-pagination

vue-pagination

基于 Vue 的PC端分页组件

How to use

npm i -S v-pc-pagination

Global regisiter

import Vue from 'vue'
import VuePagination from 'v-pc-pagination'
Vue.use(VuePagination)

OR in component

import VuePagination from 'v-pc-pagination'

// in vue component

export default {
  components: { VuePagination },
  methods: {
      pageChange (page) {
        console.log(page);
      }
  }
}

<vue-pagination :total="total" @change="pageChange"></vue-pagination>

Props

name	type	desc	default
total	Number	Total page number	required
current	Number	Current page number	1
show	Number	Display Page number: odd number and >= 5	5

Event

name	params	desc
@change	index	The page index which user clicked