Web前端之路WEB前端程序开发

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),同时您也可以扫描下方的二维码关注我们的公众号,每天我们都会分享经验,谢谢大家。

上一篇下一篇

猜你喜欢

热点阅读