手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 18:44:58

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

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

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

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

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

如何设置el-pagination每页显示数量下拉框
© 手抄报圈