ThinkJS下数据分页
2017-07-01 本文已影响117人
陈楠酒肆
大家好,今天我给大家讲的是ThinkJS下数据分页案例,这个是我从项目中分离出来的,主要是帮助初学者更好的掌握这个功能,如果写的不好,还希望大家多多包涵,少拍砖,O(∩_∩)O。废话少说,我们进入正题。
一、安装think-pagination
要想适用分页功能,我们需要安装think-pagination这个插件,插件安装方法:npm install think-pagination --save。如下图所示:
二、插件的使用
插件安装完成后,我们就可以在项目中使用,使用方法如下:
说明:let html = pagination(data,this.http,{}); 是分页实例化
三、模板中的使用
四、页面效果
最终页面的效果如下所示:
以上就是think-pagination的用法,希望这篇文章能够对大家有用。
为了更好的服务大家,请加入我们的技术交流群:(511387930),同时您也可以扫描下方的二维码关注我们的公众号,每天我们都会分享经验,谢谢大家。