el-pagination__jump自定义
时间: 2023-10-15 12:06:32 浏览: 168
自定义EL函数
您可以使用 `el-pagination__jump` 类来自定义 Element UI 中的分页组件的跳转输入框样式。
首先,需要覆盖 `el-pagination__jump` 类的样式。您可以在您的样式文件中添加以下代码:
```css
.el-pagination__jump {
/* 自定义样式 */
}
```
然后,根据您的需求添加自定义样式。例如,您可以更改输入框的边框颜色、背景颜色等。
接下来,您可以使用自定义样式的分页组件。确保在使用分页组件时添加了 `el-pagination__jump` 类名。
```html
<template>
<div>
<el-pagination
class="el-pagination__jump"
:current-page="currentPage"
:page-sizes="pageSizes"
:page-size="pageSize"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
</div>
</template>
```
这样就实现了对 `el-pagination__jump` 类的自定义样式。您可以根据需要修改和扩展这些样式。希望能帮到您!如果有任何其他问题,请随时提问。
阅读全文