【问题标题】:Invalid prop: type check failed for prop "background" elementui el-pagination无效的道具:道具“背景” 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 分页背景。目前,当我不设置它时,背景是白色的。我可以看到它,因为身体的背景有点灰。

标签: vue.js element


【解决方案1】:

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

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

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

demo

【讨论】:

    猜你喜欢
    • 2017-07-31
    • 2017-07-11
    • 2021-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-07
    • 2019-05-17
    • 1970-01-01
    相关资源
    最近更新 更多