a Vue component for create a tiny pagination
$ 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
}
});
For see the complete documentation go to the official website.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
-
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.
All contributions are welcome send your PR and Issues.
This is a open-source software licensed under the MIT license