element UI 饿了么 UI 分页 按钮不显示的问题

2023-02-22,,

https://blog.csdn.net/sinat_37255207/article/details/88914235

一个很坑的 深坑  element UI 的 按钮 不显示的深坑

   <el-pagination
background
@size-change="availableStore2TableHandleSizeChange"
@current-change="availableStore2TableHandleCurrentChange"
:current-page="1"
:page-sizes="[5,]"
:page-size="1"
layout=" prev, pager, next, jumper,sizes,total"
:total="array.length">
</el-pagination>

:total 我绑定的是数组长度  但是因为 array.length的长度 小于5  所以按钮就死不显示 最好就是把 :page-sizes 的最小页数两 调试成 自己的 array.length  就一目了然了

   <el-pagination
background
@size-change="availableStore2TableHandleSizeChange"
@current-change="availableStore2TableHandleCurrentChange"
:current-page="1"
:page-sizes="[array.length]"
:page-size="1"
layout=" prev, pager, next, jumper,sizes,total"
:total="array.length">
</el-pagination>

:total 只能识别数字  不能识别字符串  注意一下

element UI 饿了么 UI 分页 按钮不显示的问题的相关教程结束。

《element UI 饿了么 UI 分页 按钮不显示的问题.doc》

下载本文的Word格式文档,以方便收藏与打印。