vue分页插件_vue.js分页插件下载

简介：基于vue2.0分页插件，vue.js分页插件下载源码

vue分页插件图片预览

vue分页插件浏览器适配

• 支持Chrome所有版本
• 支持Firefox所有版本
• 支持Safari所有版本
• 支持IE11及以上版本

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>