@aidol/vue-pagination v1.1.4

@aidol/vue-pagination

a pagination component for vue.js

Installation

Using npm

npm install @aidol/vue-pagination --save 
# or
cnpm install @aidol/vue-pagination --save

Usage

// In main.js
import Vue from 'vue'
import AiPagination from "@aidol/vue-pagination"
Vue.use(AiPagination)

<ai-pagination :totalPages="total" @jump="jumpTo"></ai-pagination>

export default {
  data(){
    return {
      total: 14  // get this from ajax data
    }
  },
  methods: {
    jumpTo(curr){
      // do something when you click the pagination bar ...
    }
  }
}

Properties

Events

@jump

点击分页时触发句柄

<ai-pagination :totalPages="total" :showItem="5" @jump="jumpTo"></ai-pagination>

export default {
  data(){
    return {
      total: 14
    }
  },
  methods : {
    jumpTo(curr){
      // do something when you click the pagination bar ...
    }
  }
}

Logs

2018/9/2

1. 新增 pageStyle 属性， 可选为 boot 即bootstrap风格分页条
2. 新增 skin 属性，可自行设置分页条的颜色。默认为 #0E90D2