Element UI 分页问题 this.pageSizes.map is not a function

布洛芬颗粒

于 2023-01-04 14:41:24 发布

阅读量503

点赞数 1

分类专栏： VUE 文章标签： ui vue.js elementui

本文链接：https://blog.youkuaiyun.com/qq_48935847/article/details/128547703

版权

VUE 专栏收录该内容

1 篇文章

订阅专栏

文章讨论了一个在前端分页时遇到的问题，当总条数为7，每页显示6条时，预期应为两页。然而，由于对pageSize的错误处理，导致控制台出现TypeError:this.pageSizes.mapisnotafunction的错误。解决方案是将pageSize声明为数组，并区分一个用于内部逻辑的pageSize和传递给后端的PageSizes参数，从而正确实现分页功能并显示总条数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

总条数为7，可是我的每页条数是6，按理说应该是两页。

//发现控制台报错 
//报错信息如下
TypeError: this.pageSizes.map is not a function

在这里插入图片描述

//因为分页是可以调整每页条数的，对应的pageSize应该为一个数组，观察我前端声明的pageSize

在这里插入图片描述

解决办法

在这里插入图片描述

声明两个属性字段，一个pageSize为数组，另一个PageSizes作为传递的参数，到后端进行分页。
最后，解决分页显示总条数但不分页的问题。