Skip to content
➡️ A very simple vue component - bootstrap pagination
JavaScript Vue HTML
Branch: dev
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
config
dist
src
static
test/unit
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
.travis.yml
LICENSE
README.md
package.json

README.md

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
You can’t perform that action at this time.