vue-bs-pagination

1.1.2 • Public • Published

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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.1.2
    32
    • latest

Version History

Package Sidebar

Install

npm i vue-bs-pagination

Weekly Downloads

45

Version

1.1.2

License

MIT

Last publish

Collaborators

  • meteorlxy