ThinkJS下数据分页

大家好,今天我给大家讲的是ThinkJS下数据分页案例,这个是我从项目中分离出来的,主要是帮助初学者更好的掌握这个功能,如果写的不好,还希望大家多多包涵,少拍砖,O(∩_∩)O。废话少说,我们进入正题。

一、安装think-pagination

要想适用分页功能,我们需要安装think-pagination这个插件,插件安装方法:npm install think-pagination --save。如下图所示:


ThinkJS下数据分页_第1张图片

二、插件的使用

插件安装完成后,我们就可以在项目中使用,使用方法如下:

ThinkJS下数据分页_第2张图片

说明:let html = pagination(data,this.http,{}); 是分页实例化

三、模板中的使用

ThinkJS下数据分页_第3张图片

四、页面效果

最终页面的效果如下所示:

ThinkJS下数据分页_第4张图片

以上就是think-pagination的用法,希望这篇文章能够对大家有用。

为了更好的服务大家,请加入我们的技术交流群:(511387930),同时您也可以扫描下方的二维码关注我们的公众号,每天我们都会分享经验,谢谢大家。

ThinkJS下数据分页_第5张图片

你可能感兴趣的:(ThinkJS下数据分页)