- Notifications
You must be signed in to change notification settings - Fork3
A Vue component for create a tiny pagination with Flexbox
License
coderdiaz/vue-tiny-pagination
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A Vue component for create a tiny pagination with Flexbox
$ npm i -S vue-tiny-pagination<divid="#app"><tiny-pagination:total="currentTotal"@tiny:change-page="changePage"></tiny-pagination></div>
You can uselocal registration
import{TinyPagination}from'vue-tiny-pagination'newVue({el:'#app',data(){return{currentTotal:100,currentPage:1}},methods:{changePage(pagination){this.currentPage=pagination.page}},components:{ TinyPagination}});
orglobal registration
importTinyPaginationfrom'vue-tiny-pagination'Vue.use(TinyPagination)
In browser you can use Unpkg:
https://unpkg.com/vue-tiny-pagination@latest/dist/vue-tiny-pagination.min.jsExample in browser here:https://jsfiddle.net/coderdiaz/g5vLex83/3/
For see the complete documentation go to theofficial website.
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build docs with minificationnpm run compile:docs# build projectnpm run build# run testsnpm runtest
npm run dev: Webpack +vue-loaderwith proper config for source maps & hot-reload.npm run build: build with HTML/CSS/JS minification.
For detailed explanation on how things work, consult thedocs for vue-loader. Also check out thebreaking changes in vue-loader@9.0.0.
All contributions are welcome send your PR and Issues.
This is a open-source software licensed under theMIT license
About
A Vue component for create a tiny pagination with Flexbox
Topics
Resources
License
Contributing
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.