如何用Vue ElementUI结合MySQL实现高效分页查询？

本文共计1270个文字，预计阅读时间需要6分钟。

目录

1.问题

2.解决

2.1 分页组件 2.2 获取数据库数据的函数：getData() getData(): 当页面加载完成，需要请求第一页的数据

3.分析

4.结论

1. 问题：当数据库中数据量较大时，就要每次只查询一部分来缓存

目录

• 1.问题
• 2.解决
• 2.1分页组件
• 2.2获取数据库数据的函数：getData():
• 2.3页面加载完成，需要请求第一页的数据
• 3.分析
• 4.结果

1.问题

当数据库中数据比较多时，就要每次只查询一部分来缓解服务器和页面的压力。这里使用elementui的 Pagination 分页 组件，配合mysql的limit语句，实现分页查询mysql数据。

下图是最基本的分页样式：

当然需要引入对应的事件，来实现页面改变就查询数据库。