关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决

问题：element-ui的分页器在设置后，总页面数异常，不匹配总条数与单页显示数，设置page-size后页面也无变化

    <ElPagination style="textAlign:center" :total="total" :current-page="page" :page-size="limit":pages = 'pages'@current-change  ="pageHandler"layout="prev, pager, next, jumper, ->, sizes,total"></ElPagination>

对应的参数：

对应的样式：

原因：

page-size设置的值，是page-sizes数组中有的值,如果page-size的数值是page-sizes的数组里面没有值的,那么就会默认取page-sizes当中的第一个值作为默认值，也就是默认单页面渲染条数。

page-sizes：在不设置的情况下，存在默认值（如下所示）

:page-sizes = " [10, 20, 30, 40, 50, 100] "

解决方法：

为page-sizes手动设定，并且在之后的使用中注意，二者成对使用，以免出现页码不匹配的问题。

关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决相关推荐

Element UI 在父类设置样式不起作用
Element UI 在父类设置样式不起作用!!!应该有人遇到这样子的问题了如上图,想改变"修改"按钮的样式,但是发现 (1)直接修改样式不起作用, (2)给"修改元素 ...
【Vue+Element UI】关闭指定某一个页面的loading动画
[Vue+Element UI]关闭指定某一个页面的loading动画模板:vue-admin-template v4.4.0 问题描述:由于vue-admin默认配置了全局loading,所以页面 ...
WPS/WORD设置每一页显示50行代码或者是固定数量的行数
具体操作步骤: 我的是WPS,不过操作步骤应该都一样. 1,设置出现行号举例子:[未成功] 可能行号会不足50行.这是因为上下页边距的问题. 接下来设置每一页显示50行. 2,设置每一页显示50行 ...
vue element ui 时间选择器设置两个时间一前一后
时间选择器,需求是下线时间必须在发布时间之后,但后台是储存两个值,就没使用element UI 的范围选择器在标签设置:picker-options 属性,该属性下disabledDate(),控制 ...
element ui中穿梭框等列表文字显示过长隐藏问题处理
主要记录一下element ui组件中穿梭框.table列表内容显示不全解决方式对于Transfer 穿梭框中的文字过长隐藏问题处理: 1.实现效果: 解决方式; 1. <el-row :gu ...
element ui dialog 对话框设置fullscreen_UI设计中的弹窗设计素材，技巧快get起来
弹窗弹窗是指打开网页.软件.手机APP等的时候自动弹出的窗口.(百度百科) 弹窗作用 (1)中断用户当前操作,对其作出补充 (2)中断用户当前操作,对其作出反馈弹窗类型 (1)模态弹窗 (2)非模 ...
element ui border表头设置背景颜色
<el-table :data="list" v-loading="listLoading" element-loading-text="给我一 ...
关于Vue框架Element UI中分页器，当前页的问题
页面跳转后,再返回本页面依然是之前跳转时的pageNum. ---当分页超过2页时,在大于等于第二页中进行跳转,跳转到其他页面后返回,依然是跳转时的页面. 这里面涉及到的参数传递自然是用router中 ...
Element ui —— dialog 弹窗设置点击空白处不关闭
element-ui 的dialog弹窗 ,默认的点击空白处也就是非弹窗区会关闭,有时候不太合适,所以要设置为不可关闭,它本身自带该功能: 把这个属性设置为false即可 <el-dialog ...

关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决

关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决相关推荐

最新文章

热门文章