vue分页插件

所属分类:导航-分页

vue分页插件 ie兼容11

vue分页控件 

npm i vue_pageination --save

vue:

import pageination from 'vue_pageination';
Vue.use(pageination);
  1. total:总页数

  2. size:每页显示条目个数不传默认10

  3. page:设置默认页码,默认1

  4. changge:页码切换方法触发,比如:传入pageFn方法接收page页码

  5. pageFn(val){ this.page = val; }

搜索执行

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

重置

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

isUrl:是否修改url地址

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

<pageination :total="50" :size="size" :page="10" :changge="pageFn" :isUrl="true"></pageination>
相关插件-分页

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 17916  72

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 22696  59

简单实用的jquery分页插件

简单实用的jquery分页插件
  分页
 18976  58

jQuery分页跳转插件

可以通过传入参数生成页码,可以返回跳转的页码参数
  分页
 6686  19

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复