v-page
A simple pagination bar, including length Menu, i18n support, based on Vue2.x
Demo、Document、Changelog
Explorer on
the jQuery version: bPage
Quick demo: v-page gallery
Vue plugin series
Plugin | Status | Description |
---|
v-page | | A simple pagination bar, including length Menu, i18n support |
v-dialogs | | A simple and powerful dialog, including Modal, Alert, Mask and Toast modes |
v-tablegrid | | A simpler to use and practical datatable |
v-uploader | | A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload |
v-ztree | | A simple tree for Vue2, support single or multiple(check) select tree, and support server side data |
v-gallery | | A Vue2 plugin make browsing images in gallery |
v-region | | A simple region selector, provide Chinese administrative division data |
Install
npm install v-page --save
Include plugin in your main.js
file.
import Vue from 'vue'
import vPage from 'v-page';
...
Vue.use(vPage);
Deploy on your component
template code
<template>
<v-page :setting="pageSet" @page-change="pageChange"></v-page>
</template>
script code
export default {
name: 'myComponent',
data(){
return {
pageSet: {
totalRow: 0,
language: 'en',
pageSizeMenu: [20,100]
}
}
},
methods:{
pageChange(pInfo){
console.log(pInfo);
}
}
};