时间戳

首页 > 解决方案 > 无效的道具：道具“背景” elementui el-pagination 的类型检查失败

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

问题描述

我正在使用 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，但它不起作用（不删除背景）。

标签： vue.jselement

解决方案

该background道具是false默认的，因此设置它false不会产生您正在寻找的效果，这似乎是在去除背景颜色（使其透明）。

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

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

演示

推荐阅读