Javascript

vue实现分页功能，就这么简单！

本文主要是介绍vue实现分页功能，就这么简单！，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

vue实现分页的两种方式如下：

1.使用slice方法

    一次调用后端接口返回所有数据tableData，然后使用tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)使得数据根据页码改变

https://img1.sycdn.imooc.com/62a1a0f40001d45109460275.jpg

2.每次换页都调用接口，后端每次返回该页的数据

html部分：

https://img1.sycdn.imooc.com/62a1a11c0001414909550276.jpg

js部分：

https://img1.sycdn.imooc.com/62a1a13100015c5109530536.jpg

    以上便是vue实现分页功能的两种方法，简单吧？更多内容干货可关注慕课网~

这篇关于vue实现分页功能，就这么简单！的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航