养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置el-pagination每页显示数量下拉框

时间:2024-09-22 07:09:30

在使用el-pagination分页组件时,如何让el-pagination组件显示每页数量的下拉框呢。如图

如何设置el-pagination每页显示数量下拉框

方法/步骤

1、打开一个vue文件,添加一个el-pagination分页组件。如图

如何设置el-pagination每页显示数量下拉框

2、在el-pagination组件上的layout属性中添加sizes参数,设置pa壹执慵驾ge-size值为10,设置page-sizes参数为一个[10,20,30,40]的一个数组。如图

如何设置el-pagination每页显示数量下拉框

3、保存vue文件后使用浏览器打开,这时候就可以看到分页组件显示了页数的下拉框选项框。如图

如何设置el-pagination每页显示数量下拉框

© 一点知识