A very simple vue component - bootstrap pagination
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)
Import via <script>
tag
<script src="path/to/dist/vue-bs-pagination.js"></script>
In HTML
<vue-pagination :total="10" v-model="page"></vue-pagination>
In SFC
<VuePagination :total="10" v-model="page" />
Use
Bootstrap 3
orBootstrap 4.0-beta
props: {
total: {
type: Number,
required: true,
validator: val => val > 0,
},
eachSide: {
type: Number,
default: 1,
validator: val => val >= 0,
},
}
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
/src/components
the source file ofvue-bs-pagination
component/src/docs
the source file of github-pages of this project