vue-bs-pagination
made with Vuejs

vue-bs-pagination是一个Bootstrap风格简单分页组件。

安装

Npm

npm i vue-bs-pagination

Yarn

yarn add vue-bs-pagination

使用

注册组件

import Vue from 'vue'
import VuePagination from 'vue-bs-pagination'
Vue.component('VuePagination', VuePagination)

Template

<vue-pagination :total="10" v-model="page"></vue-pagination>

Props

props: {
  total: {
    type: Number,
    required: true,
    validator: val => val > 0,
  },
  eachSide: {
    type: Number,
    default: 1,
    validator: val => val >= 0,
  },
}

示例

Bootstrap分页组件的非常简单的vue组件。

安装和下载：

npm install vue-bs-pagination

官网：https://github.com/meteorlxy/vue-bs-pagination

演示：https://www.vue365.cn/code_demo.php?id=3616

GitHub下载：https://github.com/meteorlxy/vue-bs-pagination/archive/master.zip