1.1.2 • Published 4 years ago
vue_pageination3 v1.1.2
vue分页控件
在线DEMO
npm i vue_pageination --save
vue:
import pageination from 'vue_pageination';
Vue.use(pageination);
- total:总页数
- size:每页显示条目个数不传默认10
- page:设置默认页码,默认1
- changge:页码切换方法触发,比如:传入pageFn方法接收page页码
pageFn(val){
this.page = val;
}
5.搜索执行
query(){
if (this.param.page == 1) {
this.pageFn(1);
} else {
this.param.page = 1;
}
}`
6.重置
reset(){
this.pageFn(1);
}//重置
7.isUrl:是否修改url地址
需要在mounted中初始化执行changge方法
<pageination :total="50" :size="size" :page="10" :changge="pageFn" :isUrl="true"></pageination>
1.1.2
4 years ago