开源软件名称:v-page
开源软件地址:https://gitee.com/TerryZ/v-page
开源软件介绍:
v-page
A simple pagination bar, including length Menu, i18n support, based on Vue2
实例与文档请访问 jQuery 版本: bPage
Vue 插件作品集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 | v-selectpage | | A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports | v-suggest | | A Vue2 plugin for input suggestions by autocomplete | v-playback | | A Vue2 plugin to make video play easier | v-selectmenu | | A simple, easier and highly customized menu solution |
安装npm install v-page --save Include plugin in your main.js file. import Vue from 'vue'import vPage from 'v-page';...Vue.use(vPage, { global config options... }); 在页面中使用template code <template> <v-page :total-row="totalRow" @page-change="pageChange"></v-page></template> script code export default { data(){ return { totalRow: 0//required option } }, methods:{ //receive page info change callback pageChange(pInfo){ console.log(pInfo);//{pageNumber: 1, pageSize: 10} } }}; |
请发表评论