Skip to content

A Vue component for create a tiny pagination with Flexbox

License

Notifications You must be signed in to change notification settings

coderdiaz/vue-tiny-pagination

Folders and files

NameName
Last commit message
Last commit date

Latest commit

83ab80a · Mar 28, 2018

History

47 Commits
Mar 28, 2018
Mar 28, 2018
Mar 28, 2018
Mar 28, 2018
Feb 12, 2018
Feb 11, 2018
Mar 28, 2018
Feb 23, 2018
Feb 11, 2018
Mar 1, 2018
Feb 22, 2018
Mar 28, 2018
Mar 28, 2018
Mar 28, 2018
Mar 28, 2018

Repository files navigation

<vue-tiny-pagination />

a Vue component for create a tiny pagination


Install/Usage

$ npm i -S vue-tiny-pagination
<div id="#app">
    <tiny-pagination
      :total="currentTotal"
      @tiny:change-page="changePage"></tiny-pagination>
</div>
import {TinyPagination} from 'vue-tiny-pagination'

new Vue({
  el: '#app',
  data() {
    return {
      currentTotal: 100,
      currentPage: 1
    }
  },
  methods: {
    changePage (pagination) {
      this.currentPage = pagination.page
    }
  },
  components: {
    TinyPagination
  }
});

Documentation

For see the complete documentation go to the official website.

Donate

Buy me a coffeeBuy me a coffee

Development

# install dependencies
npm install

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

# build for production with minification
npm run build

What's Included

  • npm run dev: Webpack + vue-loader with proper config for source maps & hot-reload.

  • npm run build: build with HTML/CSS/JS minification.

For detailed explanation on how things work, consult the docs for vue-loader. Also check out the breaking changes in vue-loader@9.0.0.

Contributions

All contributions are welcome send your PR and Issues.

License

This is a open-source software licensed under the MIT license

Crafted by Javier Diaz