elementui分页器slot
时间: 2023-10-05 14:09:48 浏览: 92
element分页组件
5星 · 资源好评率100%
ElementUI的分页器组件提供了两个slot,分别是prev和next。
prev slot用于自定义上一页按钮的内容,next slot用于自定义下一页按钮的内容。
使用方法如下:
```html
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="pageSize"
:total="1000"
layout="total, sizes, prev, pager, next, jumper"
>
<template slot="prev">
<i class="el-icon-arrow-left"></i>上一页
</template>
<template slot="next">
下一页<i class="el-icon-arrow-right"></i>
</template>
</el-pagination>
```
在上面的例子中,我们使用了prev和next slot来自定义上一页和下一页按钮的内容。我们将一个箭头图标和文字包裹在template标签中作为slot内容,这样就可以自定义按钮的样式和内容了。
阅读全文