vue3elmentplus中的Pagination分页按钮如何设置背景颜色

要设置分页按钮的背景颜色，可以使用 `slot-scope` 属性和自定义的样式覆盖默认样式。示例代码如下：

<template>
  <el-pagination
    @current-change="handleCurrentChange"
    :current-page="currentPage"
    :page-size="pageSize"
    :total="total"
    layout="prev, pager, next"
    class="custom-pagination"
  >
    <template #pager="{ current, disabled, active }">
      <span
        class="el-pagination__item"
        :class="{ 'is-active': active, 'is-disabled': disabled }"
        :style="{ backgroundColor: active ? '#409EFF' : '' }"
        @click="handlePageChange(current)"
      >
        {{ current }}
      </span>
    </template>
  </el-pagination>
</template>

<style scoped>
.custom-pagination .el-pagination__item.is-active {
  color: #fff;
}
</style>

在 `el-pagination` 组件中，我们使用 `slot` 的方式自定义分页按钮的样式和事件，使用 `slot-scope` 属性来获取当前分页按钮的信息（`current`, `disabled`, `active`）。在自定义分页按钮的 `span` 元素中，我们使用 `:style` 属性来设置选中分页按钮的背景颜色。同时，我们还可以使用自定义的样式来覆盖默认样式，例如我们这里设置了选中分页按钮的文本颜色为白色。