道具无效：道具 "background" elementui el-pagination 的类型检查失败

Question

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

代码

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

错误

[Vue warn]: Invalid prop: type check failed for prop "background". Expected Boolean, got String with value "false".

我也试过 :background=false 但它不起作用（没有删除背景）。

Answer 1

background 属性默认为 false，所以设置 false 不会有你想要的效果，这似乎是去除背景颜色 (使其透明）。

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

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

demo

道具无效：道具 "background" elementui el-pagination 的类型检查失败

Invalid prop: type check failed for prop "background" elementui el-pagination

element

vue.js