Skip to content

mjixiang/vue-pagebar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-pagebar

A paging component for Vue.js

基于Vue.js的分页组件

查看jquery版本

##example 地址:https://mjixiang.github.io/vue-pagebar

##props

<paging :page.sync="page" :record-count="recordCount" :psize="20"></paging>

page:Number 当前页,必须,双向绑定

recordCount:Number 总记录数,必须,若 == false 则不显示分页条

psize:Number 页大小,可选,默认20

changeEvent:String 页码发生变化父组件需监听的方法名,可选,默认onPageChange

(若同一页面需要使用多个分页,需指定changeEvent避免事件监听冲突,如本示例)

##events

//父组件中
events:{
	//处理页码变化后的事件(默认`onPageChange`) 若指定了changeEvent则捕获对应的事件
	onPageChange(p){
  		//do something 一般页码p请求对应页码数据
	}	
}

About

A paging component for Vue.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages