首页 | 855 | 10 | 400 | 添加收藏 上一个 下一个
vue分页插件

vue分页控件


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; }


搜索执行


 query() {
     if (this.param.page == 1) {
         this.pageFn(1);
     } else {
         this.param.page = 1;
     }
 }

重置


reset(){
    this.pageFn(1);
}//重置

需要在mounted中初始化执行changge方法


<pageination :total="50" :size="size" :page="10" :changge="pageFn" :isUrl="true"></pageination>