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

Posted 2023-02-23

【中文标题】无效的道具：道具“背景” 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