使用element ui分页组件
别的分页组件原理相同

未经本人允许，禁止转载

分页

分页功能很简单 如下就能实现

let dataes = await collection
	.skip((this.currentPage - 1) * this.pageSize)
	.limit(this.pageSize).get()

  

 

  
1
  
2
  
3
 

此处this.currentPage为当前页数 初始为1；
此处this.pageSize为当前每页数量

skip()为跳过一定数目
limit()为限制返回个数

原理为 跳过一定数量 剩下的取出前几个

假设有 50个数据
this.currentPage初始为1
this.pageSize初始为10
当为第一页时 this.currentPage为1 跳过 0个 返回10个即为第一页

当为第二页时 this.currentPage为2 跳过 10个 返回10个即为第二页

当为第三页时 this.currentPage为3 跳过 20个 返回10个即为第三页

模糊查询

正则表达式

collection.where({name:new RegExp(x)}).get()

即为查询name包含 x 的数据

也可以使用其它正则表达式 看需求

  

 

  
1
  
2
  
3
  
4
  
5
 

文章来源: dmhsq.blog.csdn.net，作者：代码哈士奇，版权归原作者所有，如需转载，请联系作者。

原文链接：dmhsq.blog.csdn.net/article/details/115096866