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

fruge365

已于 2023-03-18 21:01:51 修改

阅读量7k

点赞数 20

分类专栏： elementui 文章标签： elementui vue.js javascript

于 2023-02-06 09:58:52 首次发布

本文链接：https://blog.csdn.net/qq_46123200/article/details/128896808

版权

elementui 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

文章目录

问题
解决

问题

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

在这里插入图片描述

以前都是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>