16 Star 39 Fork 6

TerryZ / v-page

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 4.11 KB
一键复制 编辑 原始数据 按行查看 历史
TerryZ 提交于 2018-10-26 10:41 . 更新 README.md



v-page



A simple pagination bar, including length Menu, i18n support, based on Vue2

v-page






实例与文档

请访问

jQuery 版本: bPage



Vue 插件作品集

Plugin Status Description
v-page npm version A simple pagination bar, including length Menu, i18n support
v-dialogs npm version A simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegrid npm version A simpler to use and practical datatable
v-uploader npm version A Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztree npm version A simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallery npm version A Vue2 plugin make browsing images in gallery
v-region npm version A simple region selector, provide Chinese administrative division data
v-selectpage npm version A powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports
v-suggest npm version A Vue2 plugin for input suggestions by autocomplete
v-playback npm version A Vue2 plugin to make video play easier
v-selectmenu npm version 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}
    }
  }
};
JavaScript
1
https://gitee.com/TerryZ/v-page.git
git@gitee.com:TerryZ/v-page.git
TerryZ
v-page
v-page
master

搜索帮助