el-pagination 属性

el-pagination 是一个基于 Element UI 的分页组件，常用于对大量数据进行分页显示。它有以下常用属性：

- current-page：当前页数，可以使用 v-model 双向绑定；
- page-size：每页显示条目个数，支持 v-model 双向绑定；
- total：总条目数；
- pager-count：页码按钮的数量，当总页数超过该值时会折叠部分页码按钮；
- layout：分页布局，可以自定义显示哪些部分；
- prev-text：替代默认的上一页文字；
- next-text：替代默认的下一页文字；
- disabled：是否禁用分页组件。

以上就是 el-pagination 组件的常用属性，还有其他一些不常用的属性可以在官方文档中查看。

相关问题

el-pagination标签在父元素中居中，只设置el-pagination标签

你可以使用 Flexbox 来实现这个效果。设置父元素的 `display` 属性为 `flex`，并使用 `justify-content: center` 将子元素（即 `el-pagination`）水平居中。

示例代码：

.parent {
  display: flex;
  justify-content: center;
}

.el-pagination {
  /* 其他样式 */
}

然后将 `el-pagination` 放在 `parent` 元素中即可。

/* 分页样式 */ .el-pagination { display: flex; justify-content: center; margin-top: 20px; } .el-pagination .el-pager { margin: 0 10px; font-size: 14px; color: #333; border-color: #dcdfe6; border-radius: 2px; cursor: pointer; transition: all .3s; } .el-pagination .el-pager:hover, .el-pagination .el-pager.is-active { color: #fff; background-color: #409EFF; border-color: #409EFF; }修改页码样式为背景颜色白色， 圆形

您可以将.el-pager的样式修改如下：

.el-pagination .el-pager {
  margin: 0 10px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border-color: #dcdfe6;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

这样就可以将页码的样式修改为白色背景，圆形形状了。需要注意的是，由于圆形的样式需要设置固定的高度和宽度才能生效，所以在样式中添加了height和width属性，并将页码的内容居中显示。