【UI】elementui el-pagination分页位置靠右

fruge365

发布于 2025-12-15 10:11:44

1460

问题

分页如何实现下面效果，位置靠右

以前都是align=“right”, 但是饿了么更新版本后将这个方法弃用了

解决

跳转element-ui

element-ui官网，分页的基础用法明确指出->后的元素会靠右显示，也就是说这个箭头符放在哪的前面，那后面的元素就会靠右，想要所有元素靠右的话，就将它放在最前面

分页靠右代码

<el-pagination
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :current-page="currentPage"
  :page-sizes="[10, 20, 30, 40]"
  :page-size="100"
  layout="->,total, sizes, prev, pager, next, jumper"
  :total="total"
>
</el-pagination>

下班~

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-03-18，如有侵权请联系 cloudcommunity@tencent.com 删除

el