vue-bs-pagination

A very simple vue component - bootstrap pagination

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-bs-pagination
1601.1.26 years ago7 years agoMinified + gzip package size for vue-bs-pagination in KB

Readme

vue-bs-pagination
build status npm version
A very simple vue component - bootstrap pagination

Live Demo

Get started

Import

Build tools

Import via npm
npm install --save vue-bs-pagination

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

Browser

Import via <script> tag
<script src="path/to/dist/vue-bs-pagination.js"></script>

Usage

Template

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

In SFC
<VuePagination :total="10" v-model="page" /> 

Stylesheet

Use Bootstrap 3 or Bootstrap 4.0-beta

Parameters

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

Developing & Contributing

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

  • /src/components the source file of vue-bs-pagination component
  • /src/docs the source file of github-pages of this project