简介:基于vue2.0分页插件,vue.js分页插件下载源码
vue分页插件图片预览
vue分页插件浏览器适配
- 支持Chrome所有版本
- 支持Firefox所有版本
- 支持Safari所有版本
- 支持IE11及以上版本
vue分页插件使用教程
1 2 | import pageination from 'vue_pageination' ; Vue.use(pageination); |
-
total:总页数
-
size:每页显示条目个数不传默认10
-
page:设置默认页码,默认1
-
changge:页码切换方法触发,比如:传入pageFn方法接收page页码
-
pageFn(val){ this.page = val; }
搜索执行
1 2 3 4 5 6 7 | query() { if ( this .param.page == 1) { this .pageFn(1); } else { this .param.page = 1; } } |
重置
1 2 3 | reset(){ this .pageFn(1); } //重置 |
isUrl:是否修改url地址
需要在mounted中初始化执行changge方法
1 | <pageination :total= "50" :size= "size" :page= "10" :changge= "pageFn" :isUrl= "true" ></pageination> |
查看更多
下载地址
标签:
vue分页插件