为啥elementUI中el-pagination组件下的page-size属性不添加对.sync修饰符的支持？

Posted 2023-03-29

elementUI中el-pagination组件下的值是异步加载的，使得对于属性值的改变通常要在函数中去实现。
因此el-pagination组件对:current-page属性支持.sync修饰符，用于同步current-page的值
例如：:current-page.sync="xxx"
但是:page-size属性为什么不添加对.sync修饰符的支持，或者说:page-size有没有类似同步操作，还是说没得选，只能写函数来异步实现？

page-size 每页显示条目个数，支持 .sync 修饰符
请查阅 elementUI 文档 参考技术A 看版本，2.4.11版本提供了:page-size .sync，之前版本没有提供，文档默认最新版本，之前用的2.4.4这个问题找了很久

无效的道具：道具“背景” elementui el-pagination 的类型检查失败

【中文标题】无效的道具：道具“背景” elementui el-pagination 的类型检查失败

【英文标题】：Invalid prop: type check failed for prop "background" elementui el-pagination

【发布时间】：2021-09-15 20:46:05

【问题描述】：

我正在使用 Element UI el-pagination 组件。但是当我尝试删除背景时，它会返回控制台错误。

代码

<el-pagination
    class="mt-4"
    :page-size="20"
    :pager-count="11"
    layout="prev, pager, next"
    :total="1000"
    background=false
></el-pagination>

错误

[Vue 警告]：无效的道具：道具“背景”的类型检查失败。预期的布尔值，得到值为“false”的字符串。

我也尝试了:background=false，但它不起作用（不删除背景）。

【问题讨论】：

background 默认为false，所以不需要显式设置。您实际上要删除的“背景”是什么？

@tony19 分页背景。目前，当我不设置它时，背景是白色的。我可以看到它，因为身体的背景有点灰。

【参考方案1】：

background 属性默认为false，因此将其设置为false 不会产生您想要的效果，这似乎是在移除背景颜色（使其透明）。

您可以使用 CSS 使背景透明：

.el-pagination button,
.el-pager .el-icon,
.el-pager .number 
  background-color: transparent !important;

demo