各位帮我看看问题吧,vue分页 page-size 不起作用

我想通过element-ui 来分页,

img


设置每页显示的条数,但还是会把所有数据显示出来。

img

img


实在是看不出哪里有问题了

pagenation只是控制分页组件的数据显示,真正决定table里显示数据的是handleCurrentChange,
你这里是一次性获取了全部的数据,
需要在handleCurrentChange里根据page和pagesize去截取tableData,重新赋值

img


一页只要20条,他这个全部都显示出来了

:pageSize
:pageSizes
@currentChange
@sizeChange

带 - 的全部改成驼峰写法


<el-pagination
                    @current-change="handleCurrentChange"
                    @size-change="handleSizeChange"
                    :current-page="searchForm.page"
                    background
                    :page-sizes="[10,20,50,100]"
                    :page-size="searchForm.rows"
                    layout="total, prev, pager, next,sizes ,jumper"
                    :total="total"
            ></el-pagination>
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632