1 | npm i vue_pageination --save |
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> |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com